feat: add page system behing navbar items and skeletons for loading

crates/app/templates/index.html

@@ -6,20 +6,27 @@
 <div class="py-10">
   <header>
     <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-      <h1 class="text-3xl font-bold leading-tight tracking-tight text-gray-900">Dashboard</h1>
+      <h1
+        id="page-title"
+        class="text-3xl font-bold leading-tight tracking-tight text-gray-900"
+      >
+        {% include "skeletons/page-title.html" %}
+      </h1>
     </div>
   </header>
   <main>
-    <div class="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
+    <div
+      id="main-container"
+      class="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8"
+    >
       <!-- Your content -->
       <div
-        id="hello"
-        hx-get="/hello"
+        hx-get="/pages/home"
         hx-target="this"
         hx-trigger="load"
         hx-swap="outerHTML"
       >
-        Chargement ...
+        {% include "skeletons/card.html" %}
       </div>
     </div>
   </main>