convert nav-item from a button to a link

CONTRIBUTING.md

@@ -46,6 +46,12 @@ Follow their fantastic [Quickstart guide](https://docs.turso.tech/quickstart) an
 
 Start by reading their [CLI installation](https://docs.turso.tech/cli/installation) guide, then their [Local development - Turso CLI](https://docs.turso.tech/local-development#turso-cli) for the most up-to-date approach on setting it up!
 
+### Apply db changes
+
+```bash
+npm run db:push
+```
+
 ### Start the server
 
 ```bash

src/app/_components/sidebar-item.tsx

@@ -3,6 +3,7 @@
 import { cn } from "@/lib/utils";
 import { set } from "date-fns";
 import { LucideIcon } from "lucide-react";
+import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import { Dispatch, SetStateAction } from "react";
 
@@ -28,16 +29,15 @@ export const SidebarItem = ({
     pathname?.startsWith(`${href}/`);
 
   const onClick = () => {
-    router.push(href);
     if (setOpen) {
       setOpen(false);
     }
   };
 
   return (
-    <button
+    <Link
       onClick={onClick}
-      type="button"
+      href={href}
       className={cn(
         "flex items-center gap-x-2 text-slate-500 text-sm pl-6 md:p-4 rounded-lg transition-all hover:bg-muted",
         isActive && "bg-muted font-medium text-primary"
@@ -53,6 +53,6 @@ export const SidebarItem = ({
         />
         {label}
       </div>
-    </button>
+    </Link>
   );
 };