refactor(time-tracking) : use MalioSelect for filters and drawer, improve calendar cards

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/components/TimeEntryDrawer.vue

@@ -57,37 +57,28 @@
                 {{ durationLabel }}
             </div>
 
-            <div>
-                <label class="mb-1 block text-sm font-semibold text-neutral-700">Utilisateur</label>
-                <select
-                    v-model="form.userId"
-                    class="w-full rounded-md border border-neutral-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none"
-                >
-                    <option v-for="u in users" :key="u.id" :value="u.id">{{ u.username }}</option>
-                </select>
-            </div>
+            <MalioSelect
+                v-model="form.userId"
+                :options="userOptions"
+                label="Utilisateur"
+                min-width="w-full"
+            />
 
-            <div>
-                <label class="mb-1 block text-sm font-semibold text-neutral-700">Projet</label>
-                <select
-                    v-model="form.projectId"
-                    class="w-full rounded-md border border-neutral-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none"
-                >
-                    <option :value="null">— Aucun —</option>
-                    <option v-for="p in projects" :key="p.id" :value="p.id">{{ p.name }}</option>
-                </select>
-            </div>
+            <MalioSelect
+                v-model="form.projectId"
+                :options="projectOptions"
+                label="Projet"
+                empty-option-label="— Aucun —"
+                min-width="w-full"
+            />
 
-            <div>
-                <label class="mb-1 block text-sm font-semibold text-neutral-700">Type</label>
-                <select
-                    v-model="form.typeId"
-                    class="w-full rounded-md border border-neutral-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none"
-                >
-                    <option :value="null">— Aucun —</option>
-                    <option v-for="t in types" :key="t.id" :value="t.id">{{ t.label }}</option>
-                </select>
-            </div>
+            <MalioSelect
+                v-model="form.typeId"
+                :options="typeOptions"
+                label="Type"
+                empty-option-label="— Aucun —"
+                min-width="w-full"
+            />
 
             <div class="flex items-center" :class="isEditing ? 'justify-between' : 'justify-end'">
                 <button
@@ -150,6 +141,18 @@ const form = reactive({
     typeId: null as number | null,
 })
 
+const userOptions = computed(() =>
+    props.users.map(u => ({ label: u.username, value: u.id }))
+)
+
+const projectOptions = computed(() =>
+    props.projects.map(p => ({ label: p.name, value: p.id }))
+)
+
+const typeOptions = computed(() =>
+    props.types.map(t => ({ label: t.label, value: t.id }))
+)
+
 const durationLabel = computed(() => {
     if (!form.startTime || !form.endTime) return ''
     const [sh, sm] = form.startTime.split(':').map(Number) as [number, number]