💄 Move logout at bottom of burger menu on mobile UI

src/app/components/navbar/navbar.component.html

@@ -133,29 +133,12 @@
         </svg>
       </button>
 
-      <!-- Bouton de déconnexion -->
+      <!-- Bouton de déconnexion (visible uniquement sur desktop) -->
       <button
         (click)="logout()"
-        class="text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg text-sm lg:px-5 lg:py-2.5 px-4 py-2 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900"
+        class="hidden lg:block text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900"
       >
-        <span class="hidden lg:inline">Déconnexion</span>
+        Déconnexion
-        <svg
-          class="w-6 h-6 text-gray-800 lg:hidden dark:text-white"
-          aria-hidden="true"
-          xmlns="http://www.w3.org/2000/svg"
-          width="24"
-          height="24"
-          fill="none"
-          viewBox="0 0 24 24"
-        >
-          <path
-            stroke="currentColor"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            d="M20 12H8m12 0-4 4m4-4-4-4M9 4H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h2"
-          />
-        </svg>
       </button>
     </div>
 
@@ -164,6 +147,7 @@
       [ngClass]="{ hidden: !isNavbarOpen, flex: isNavbarOpen }"
       class="w-full lg:flex lg:w-auto lg:order-1"
     >
+      <div class="w-full flex flex-col lg:flex-row">
         <ul
           class="w-full flex p-4 flex-col lg:p-0 mt-4 font-medium border border-gray-100 rounded-lg bg-gray-50 lg:space-x-8 lg:flex-row lg:mt-0 lg:border-0 lg:bg-white dark:bg-gray-800 lg:dark:bg-gray-900 dark:border-gray-700"
         >
@@ -194,6 +178,17 @@
             <app-friend-page></app-friend-page>
           </li>
         </ul>
+
+        <!-- Bouton de déconnexion (visible uniquement sur mobile) -->
+        <div class="lg:hidden w-full px-4 p-4">
+          <button
+            (click)="logout()"
+            class="w-full text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900"
+          >
+            Déconnexion
+          </button>
+        </div>
+      </div>
     </div>
 
     <!-- Barre de recherche mobile (affichée quand isSearchOpen = true) -->