refactor: update header component styles for improved visual consistency

- Removed unused import from the router file.
- Adjusted CSS classes in the header component for better text visibility and hover effects.
- Enhanced layout properties for buttons and links to ensure a cohesive design across the header.

Author: zcesur

lib/algora_web/components/header.ex

@@ -27,19 +27,19 @@ defmodule AlgoraWeb.Components.Header do
         <div class="hidden lg:flex lg:gap-x-12">
           <.link
             href={AlgoraWeb.Constants.get(:docs_url)}
-            class="text-sm/6 font-semibold text-muted-foreground hover:text-foreground"
+            class="text-sm/6 font-medium text-foreground/80 hover:text-foreground"
           >
             Docs
           </.link>
           <.link
             href={AlgoraWeb.Constants.get(:blog_url)}
-            class="text-sm/6 font-semibold text-muted-foreground hover:text-foreground"
+            class="text-sm/6 font-semibold text-foreground/80 hover:text-foreground"
           >
             Blog
           </.link>
           <.link
             navigate={~p"/pricing"}
-            class="text-sm/6 font-semibold text-muted-foreground hover:text-foreground"
+            class="text-sm/6 font-semibold text-foreground/80 hover:text-foreground"
           >
             Pricing
           </.link>
@@ -48,25 +48,25 @@ defmodule AlgoraWeb.Components.Header do
         <div class="hidden lg:flex lg:flex-1 lg:justify-end gap-2">
           <.link
             :if={Algora.Stargazer.count()}
-            class="group w-fit outline-none"
+            class="group w-fit outline-none flex items-center"
             target="_blank"
             rel="noopener"
             href={AlgoraWeb.Constants.get(:github_url)}
           >
-            <div class="rounded-[3px] hidden h-8 shrink-0 select-none items-center justify-center whitespace-nowrap bg-transparent p-2 text-center text-sm font-semibold transition duration-150 hover:bg-gray-850 disabled:opacity-50 group-focus:outline-none group-disabled:pointer-events-none group-disabled:opacity-75 lg:flex">
+            <div class="rounded-[3px] hidden shrink-0 select-none items-center justify-center whitespace-nowrap bg-transparent text-center text-sm font-semibold transition duration-150 hover:bg-gray-850 disabled:opacity-50 group-focus:outline-none group-disabled:pointer-events-none group-disabled:opacity-75 lg:flex">
               <div class="flex w-full items-center justify-center gap-x-1">
-                <AlgoraWeb.Components.Logos.github class="mr-0.5 h-5 shrink-0 justify-start text-gray-300 transition" />
+                <AlgoraWeb.Components.Logos.github class="mr-0.5 h-5 shrink-0 justify-start text-foreground/80 group-hover:text-foreground transition" />
                 <span class="hidden xl:block">Star</span>
-                <span class="font-semibold text-gray-300">
+                <span class="font-semibold text-foreground/80 group-hover:text-foreground">
                   {Algora.Stargazer.count()}
                 </span>
               </div>
             </div>
           </.link>
-          <.button navigate={~p"/auth/login"} variant="ghost">
+          <.button navigate={~p"/auth/login"} variant="ghost" class="font-semibold text-foreground/80 hover:text-foreground">
             Sign in
           </.button>
-          <.button navigate={~p"/auth/signup"} variant="subtle">
+          <.button navigate={~p"/auth/signup"} variant="subtle" class="font-semibold">
             Sign up
           </.button>
         </div>

lib/algora_web/router.ex

@@ -5,7 +5,6 @@ defmodule AlgoraWeb.Router do
   import AlgoraWeb.UserAuth, only: [fetch_current_user: 2, require_authenticated_admin: 2]
   import AlgoraWeb.VisitorCountry, only: [fetch_current_country: 2]
   import Oban.Web.Router
-  import Phoenix.LiveDashboard.Router, only: [live_dashboard: 2]
 
   pipeline :browser do
     plug :accepts, ["html"]