refactor: Improve responsiveness of Features component layout

src/components/navigation.tsx

@@ -33,7 +33,7 @@ export const components: { title: string; href: string; description: string }[]
  
 export function Navigation() {
   return (
-    <div className="bg-background fixed z-10 top-0 left-0 w-full flex fixed border-b border-grey p-2 items-center justify-center">
+    <div className="bg-background z-10 top-0 left-0 w-full flex fixed border-b border-grey p-2 items-center justify-center">
       <MobileNav />
       <NavigationMenu>
         <NavigationMenuList className="w-full hidden sm:flex">
@@ -48,7 +48,7 @@ export function Navigation() {
               <ul className="grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">
                 <li className="row-span-3">
                   <NavigationMenuLink asChild>
-                    <a
+                    <Link
                       className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md"
                       href="/"
                     >
@@ -60,7 +60,7 @@ export function Navigation() {
                         Firefox based browser with a focus on privacy and
                         customization.
                       </p>
-                    </a>
+                    </Link>
                   </NavigationMenuLink>
                 </li>
                 <ListItem href="/download" title="Download">