Merge pull request #41 from BeyteFlow/copilot/sub-pr-40

Fix invalid semantic HTML: `<button>` nested inside `<a>` in not-found.tsx

Author: naheel0

package-lock.json

@@ -33,7 +33,7 @@
     "eslint": "^9",
     "eslint-config-next": "16.1.6",
     "tailwindcss": "^4",
-    "typescript": "^5",
+    "typescript": "5.9.3",
     "vitest": "^4.0.18"
   }
 }

package.json

@@ -38,15 +38,16 @@ export default function NotFound() {
 
         {/* CTA Buttons */}
         <div className="flex flex-col sm:flex-row items-center justify-center gap-4 mb-20 animate-in fade-in slide-in-from-bottom-6 duration-1000">
-          <Link href="/">
-            <Button
-              variant="primary"
-              className="w-full sm:w-auto px-10 py-4 text-lg shadow-xl shadow-white/5"
-            >
+          <Button
+            asChild
+            variant="primary"
+            className="w-full sm:w-auto px-10 py-4 text-lg shadow-xl shadow-white/5"
+          >
+            <Link href="/">
               <Home size={20} />
               Back to Safety
-            </Button>
-          </Link>
+            </Link>
+          </Button>
 
           <Button
             variant="outline"