fix : logo centré en mod mobile

frontend/layouts/default.vue

@@ -1,14 +1,14 @@
 <template>
     <div class="min-h-screen bg-white text-neutral-900">
         <header class="w-full border-b border-neutral-200 bg-primary-500">
-            <div class="flex w-full items-center px-6 py-4">
+            <div class="flex w-full items-center justify-center px-6 py-4">
                 <button
                     type="button"
                     class="inline-flex items-center justify-center text-3xl text-white md:hidden"
                     aria-label="Ouvrir le menu"
                     @click="toggleMenu"
                 >
-                    <span aria-hidden="true">☰</span>
+                    <span aria-hidden="true" class="flex items-center"><Icon name="mdi:menu" size="44"/></span>
                 </button>
                 <nav class="ml-4 hidden items-center gap-8 text-2xl font-bold uppercase text-white md:flex">
                     <NuxtLink to="/" custom v-slot="{ href, navigate, isExactActive }">
@@ -22,12 +22,13 @@
                     </NuxtLink>
                 </nav>
                 <NuxtLink to="/" class="flex flex-1 items-center justify-center gap-3">
-          <span
-              class="flex items-center justify-center bg-white text-xl font-bold uppercase text-primary-500 p-4"
-          >
-            LOGO
-          </span>
+                  <span
+                      class="flex items-center justify-center bg-white text-xl font-bold uppercase text-primary-500 p-4"
+                  >
+                    LOGO
+                  </span>
                 </NuxtLink>
+                <div class="w-[44px] md:hidden"></div>
                 <button
                     type="button"
                     class="ml-auto hidden text-xl font-bold uppercase text-white transition hover:opacity-80 md:inline-flex"