feat: Move logout button to menu list on mobile

- Added a new mobile-specific "Logout" button to the profile navigation list, visible only on screens smaller than `lg`.
- Hid the existing footer logout button on mobile screens.
- Updated `ProfileModalController` to bind the logout logic to the new mobile button.
- Applied `data-variant="critical"` and spacing to the new button to match styling requirements.

components/profile-modal.html

@@ -186,6 +186,14 @@
               >
                 Admin (Moderation)
               </button>
+              <button
+                id="profileMobileLogoutBtn"
+                type="button"
+                class="btn-ghost focus-ring w-full justify-start gap-2 px-3 py-2 text-xs font-medium mt-6 lg:hidden"
+                data-variant="critical"
+              >
+                Logout
+              </button>
             </nav>
           </div>
 
@@ -1344,7 +1352,7 @@
       </div>
 
       <!-- Modal Footer -->
-      <div class="flex items-center justify-end gap-3 border-t border-border/60 p-4">
+      <div class="hidden lg:flex items-center justify-end gap-3 border-t border-border/60 p-4">
         <button id="profileLogoutBtn" class="btn focus-ring" data-variant="danger">
           Logout
         </button>