style(front) : ajuste l'espacement sous les titres + PageHeader sur la messagerie

- Retire les marges hautes redondantes (doublon avec le pb du PageHeader) :
  dashboard (KPI), my-tasks (kanban + liste), time-tracking, documents
- Messagerie : titre passé sur <PageHeader> (cohérent avec les autres pages),
  bouton refresh déplacé dans #actions

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

frontend/modules/mail/pages/mail.vue

@@ -95,11 +95,13 @@ function handleTaskLinked(_taskId: number): void {
 
 <template>
     <div class="flex h-full flex-col overflow-hidden">
-        <div class="flex flex-shrink-0 items-center justify-between border-b border-neutral-200 bg-white px-4 py-3">
-            <h1 class="text-lg font-semibold text-neutral-900">
+        <div class="flex-shrink-0">
+            <PageHeader>
                 {{ t('mail.title') }}
-            </h1>
-            <MailRefreshButton />
+                <template #actions>
+                    <MailRefreshButton />
+                </template>
+            </PageHeader>
         </div>
 
         <div class="flex flex-1 overflow-hidden">