refactor : migrate UI to Malio layer-ui components (MalioButton, MalioDrawer, MalioSelectCheckbox)

- Replace all AppDrawer with MalioDrawer across 10 drawer components
- Replace native <button> with MalioButton/MalioButtonIcon in all pages and components
- Fix TimeTrackingExportDrawer: use MalioSelectCheckbox for multi-select filters
- Add Malio design system colors (m-btn-*, m-disabled, m-surface) to tailwind.config.ts
- Align toggle button heights with MalioButton (h-[40px])

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/pages/projects/[id]/client-tickets.vue

@@ -60,20 +60,20 @@
                         <p class="mt-0.5 text-xs text-neutral-400">{{ formatDate(ticket.createdAt) }}</p>
                     </div>
                     <div class="flex items-center gap-1">
-                        <button
-                            class="rounded p-1.5 text-neutral-400 transition-colors hover:bg-neutral-100 hover:text-primary-500"
-                            :title="$t('clientTicket.changeStatus')"
+                        <MalioButtonIcon
+                            icon="mdi:swap-horizontal"
+                            :aria-label="$t('clientTicket.changeStatus')"
+                            variant="ghost"
+                            icon-size="18"
                             @click.stop="openStatusChange(ticket)"
-                        >
-                            <Icon name="mdi:swap-horizontal" size="18" />
-                        </button>
-                        <button
-                            class="rounded p-1.5 text-neutral-400 transition-colors hover:bg-red-50 hover:text-red-500"
-                            title="Supprimer"
+                        />
+                        <MalioButtonIcon
+                            icon="mdi:delete-outline"
+                            aria-label="Supprimer"
+                            variant="ghost"
+                            icon-size="18"
                             @click.stop="onDelete(ticket)"
-                        >
-                            <Icon name="mdi:delete-outline" size="18" />
-                        </button>
+                        />
                         <Icon
                             :name="expandedId === ticket.id ? 'mdi:chevron-up' : 'mdi:chevron-down'"
                             size="20"
@@ -143,19 +143,18 @@
                     </div>
 
                     <div class="mt-6 flex justify-end gap-3">
-                        <button
-                            class="rounded-lg border border-neutral-300 px-4 py-2 text-sm font-semibold text-neutral-700 transition-colors hover:bg-neutral-50"
+                        <MalioButton
+                            variant="tertiary"
+                            :label="$t('common.cancel')"
+                            button-class="w-auto px-4"
                             @click="statusModalOpen = false"
-                        >
-                            {{ $t('common.cancel') }}
-                        </button>
-                        <button
-                            class="rounded-lg bg-primary-500 px-6 py-2 text-sm font-semibold text-white transition-colors hover:bg-secondary-500 disabled:cursor-not-allowed disabled:opacity-50"
+                        />
+                        <MalioButton
+                            label="Confirmer"
+                            button-class="w-auto px-6"
                             :disabled="isUpdatingStatus"
                             @click="confirmStatusChange"
-                        >
-                            Confirmer
-                        </button>
+                        />
                     </div>
                 </div>
             </div>