Updated code

src/app/r/[slug]/not-found.tsx

@@ -1,3 +1,5 @@
+import Link from "next/link"
+
 export default function NotFound() {
     return (
         <div className="flex min-h-screen items-center justify-center">
@@ -9,12 +11,12 @@ export default function NotFound() {
                 <p className="mt-2 text-gray-600 dark:text-gray-400">
                     The link you're looking for doesn't exist or has expired.
                 </p>
-                <a
+                <Link
                     href="/"
                     className="mt-6 inline-block rounded-lg bg-blue-600 px-6 py-3 text-white hover:bg-blue-700 transition-colors"
                 >
                     Go Home
-                </a>
+                </Link>
             </div>
         </div>
     )

src/components/dashboard/sidebar-theme-toggle.tsx

@@ -50,16 +50,6 @@ export function SidebarThemeToggle() {
         }
     }
 
-    const cycleTheme = () => {
-        if (theme === "light") {
-            setTheme("dark")
-        } else if (theme === "dark") {
-            setTheme("system")
-        } else {
-            setTheme("light")
-        }
-    }
-
     return (
         <SidebarMenu>
             <SidebarMenuItem>

src/components/dashboard/urls-data-table.tsx

@@ -297,7 +297,7 @@ export function UrlsDataTable({ data }: UrlsDataTableProps) {
         }
     }
 
-    const tableColumns = React.useMemo(() => [...columns, actionRow], [])
+    const tableColumns = React.useMemo(() => [...columns, actionRow], [actionRow])
 
     const table = useReactTable({
         data,