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/portal/projects/[id]/index.vue

@@ -104,21 +104,19 @@
                         :placeholder="$t('clientTicket.rejectComment')"
                     />
                     <div class="mt-4 flex justify-end gap-3">
-                        <button
-                            type="button"
-                            class="rounded-lg border border-neutral-300 px-4 py-2 text-sm font-semibold text-neutral-700 hover:bg-neutral-50"
+                        <MalioButton
+                            variant="tertiary"
+                            :label="$t('common.cancel')"
+                            button-class="w-auto px-4"
                             @click="cancelReject"
-                        >
-                            {{ $t('common.cancel') }}
-                        </button>
-                        <button
-                            type="button"
-                            class="rounded-lg bg-red-600 px-4 py-2 text-sm font-semibold text-white hover:bg-red-700 disabled:opacity-50"
+                        />
+                        <MalioButton
+                            variant="danger"
+                            :label="$t('clientTicket.status.rejected')"
+                            button-class="w-auto px-4"
                             :disabled="!rejectComment.trim()"
                             @click="confirmReject"
-                        >
-                            {{ $t('clientTicket.status.rejected') }}
-                        </button>
+                        />
                     </div>
                 </div>
             </div>

frontend/pages/portal/projects/[id]/new-ticket.vue

@@ -74,13 +74,12 @@
                 >
                     {{ $t('common.cancel') }}
                 </NuxtLink>
-                <button
-                    type="submit"
-                    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="$t('portal.submitTicket')"
+                    button-class="w-auto px-6"
                     :disabled="isSubmitting"
-                >
-                    {{ $t('portal.submitTicket') }}
-                </button>
+                    @click="handleSubmit"
+                />
             </div>
         </form>
     </div>