Frontend fixes

templates/base.html

@@ -17,7 +17,7 @@
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="flex justify-between items-center h-16">
           <div class="flex items-center space-x-4">
-            <div class="flex items-center space-x-2 group">
+            <a href="/" class="flex items-center space-x-2 group">
               <div class="w-6 h-6 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-xl flex items-center justify-center shadow-lg group-hover:shadow-xl transition-all duration-200">
                 <svg class="w-4 h-4 text-white group-hover:scale-110 transition-transform duration-200"
                      fill="none"
@@ -29,13 +29,8 @@
               <span class="text-sm font-bold bg-gradient-to-r from-blue-600 to-indigo-600 bg-clip-text text-transparent">
                 zero2prod
               </span>
-            </div>
+            </a>
             <nav class="hidden md:flex items-center">
-              <a href="/"
-                 class="text-gray-700 hover:text-blue-600 px-4 py-2 rounded-lg text-sm font-medium transition-all duration-200 relative group">
-                Home
-                <span class="absolute inset-x-4 bottom-0 h-0.5 bg-blue-600 scale-x-0 group-hover:scale-x-100 transition-transform duration-200"></span>
-              </a>
               <a href="/posts"
                  class="text-gray-700 hover:text-blue-600 px-4 py-2 rounded-lg text-sm font-medium transition-all duration-200 relative group">
                 Posts
@@ -47,7 +42,7 @@
             <a href="/admin/dashboard"
                hx-boost="true"
                class="hidden md:flex bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white px-4 py-2 rounded-lg text-sm font-medium transition-all duration-200 shadow-md hover:shadow-lg transform hover:scale-105">
-              dashboard
+              Dashboard
             </a>
             <button class="md:hidden p-2 text-gray-700 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors duration-200"
                     onclick="toggleMobileMenu()">
@@ -60,10 +55,6 @@
         <div id="mobile-menu"
              class="hidden md:hidden border-t border-gray-100 pb-4 pt-4">
           <nav class="flex flex-col space-y-2">
-            <a href="/"
-               class="text-gray-700 hover:text-blue-600 hover:bg-blue-50 px-4 py-2 rounded-lg text-sm font-medium transition-colors duration-200">
-              Home
-            </a>
             <a href="/posts"
                class="text-gray-700 hover:text-blue-600 hover:bg-blue-50 px-4 py-2 rounded-lg text-sm font-medium transition-colors duration-200">
               Posts