feat: make Nav and Profile menu dynamic

crates/app/templates/layout/nav/mobile/menu-items.html

@@ -1,22 +1,9 @@
-<!-- Current: "border-indigo-500 bg-indigo-50 text-indigo-700", Default: "border-transparent text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800" -->
-<a
-  href="#"
-  class="block border-l-4 border-indigo-500 bg-indigo-50 py-2 pl-3 pr-4 text-base font-medium text-indigo-700"
-  aria-current="page"
-  >Dashboard</a
->
-<a
-  href="#"
-  class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800"
-  >Team</a
->
-<a
-  href="#"
-  class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800"
-  >Projects</a
->
-<a
-  href="#"
-  class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800"
-  >Calendar</a
+<div
+  id="nav-menu-mobile"
+  hx-get="/nav/menu?mobile=true"
+  hx-target="this"
+  hx-trigger="load"
+  hx-swap="outerHTML"
 >
+  Chargement ...
+</div>

crates/app/templates/layout/nav/mobile/profile-items.html

@@ -1,15 +1,9 @@
-<a
-  href="#"
-  class="block px-4 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-800"
-  >Your Profile</a
->
-<a
-  href="#"
-  class="block px-4 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-800"
-  >Settings</a
->
-<a
-  href="#"
-  class="block px-4 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-800"
-  >Sign out</a
+<div
+  id="profile-menu-mobile"
+  hx-get="/profile/menu?mobile=true"
+  hx-target="this"
+  hx-trigger="load"
+  hx-swap="outerHTML"
 >
+  Chargement ...
+</div>