fix: align task due dates to the right

frontend/src/components/TaskDueDisplay.test.ts

@@ -34,7 +34,7 @@ describe('TaskDueDisplay', () => {
     expect(time.textContent).toContain('今天')
     expect(time.getAttribute('title')).toBe(time.getAttribute('aria-label'))
     expect(time.getAttribute('title')).toContain('2026年9月10日')
-    expect(root.querySelector('svg')?.getAttribute('aria-hidden')).toBe('true')
+    expect(root.querySelector('svg')).toBeNull()
   })
 
   it('distinguishes incomplete overdue and completed neutral states', async () => {

frontend/src/components/TaskDueDisplay.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { CalendarDays } from 'lucide-vue-next'
 import { getTaskDuePresentation } from '../lib/task-due'
 
 const props = defineProps<{
@@ -15,7 +14,6 @@ const presentation = computed(() => getTaskDuePresentation(props))
 
 <template>
   <span v-if="presentation" class="task-due" :class="`task-due--${presentation.state}`">
-    <CalendarDays class="task-due__icon" aria-hidden="true" />
     <time
       class="task-due__text"
       :datetime="presentation.datetime"
@@ -23,7 +21,7 @@ const presentation = computed(() => getTaskDuePresentation(props))
       :aria-label="presentation.fullText"
     >
       <span class="task-due__absolute">{{ presentation.absoluteText }}</span>
-      <span aria-hidden="true"> · </span>
+      <span class="task-due__separator" aria-hidden="true"> · </span>
       <span class="task-due__relative">{{ presentation.relativeText }}</span>
     </time>
   </span>