feat: forms floating labels and validator

templates/documentation/index.html

@@ -1,22 +1,22 @@
 {% extends "documentation/base.html" %}
 {% block article %}
-<h1 class="">Personalised Knowledge Management (PKM)</h1>
-<p class="">
+<h1>Documentation</h1>
+<p>
   Personalised Knowledge Management (PKM) is a system designed to help individuals organise, store, and retrieve
   information effectively. It empowers users to create a personalised workflow for managing knowledge, enabling
   better decision-making and productivity.
 </p>
-<p class="">
+<p>
   This documentation will guide you through the core concepts, tools, and best practices for building and
   maintaining your own PKM system.
 </p>
 <div class="card p-6 rounded-lg shadow-md">
-  <h2 class="">Getting Started</h2>
-  <p class="">
+  <h2>Getting Started</h2>
+  <p>
     To begin, explore the sections in the navigation menu. Each section provides detailed insights into
     different
     aspects of PKM, from foundational principles to advanced techniques.
   </p>
-  <a href="/documentation/submenu1" class="btn btn-primary" hx-boost="true">Learn More</a>
+  <a href="/documentation/quick-start" class="btn btn-primary text-primary-content" hx-boost="true">Learn More</a>
 </div>
 {% endblock %}