feat: update Link components to use legacyBehavior for improved compatibility

app/api-docs/page.tsx

@@ -39,7 +39,7 @@ export default function ApiDocs() {
               <Link
                 href="/"
                 className="inline-flex items-center px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-colors"
-              >
+                legacyBehavior>
                 <svg
                   className="w-4 h-4 mr-2"
                   fill="none"

app/components/header.tsx

@@ -62,7 +62,7 @@ export default function Header() {
     <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
       <div className="container flex h-16 items-center justify-between">
         <div className="flex items-center gap-6">
-          <Link href="/" className="flex items-center space-x-2">
+          <Link href="/" className="flex items-center space-x-2" legacyBehavior>
             <Image
               src="/vtorio.svg"
               alt="vtor.io"
@@ -128,7 +128,7 @@ export default function Header() {
                               <Link
                                 href={item.href}
                                 className="block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground"
-                              >
+                                legacyBehavior>
                                 <div className="flex items-center gap-2">
                                   <item.icon className="h-4 w-4" />
                                   <div className="text-sm font-medium leading-none">{item.title}</div>
@@ -190,7 +190,7 @@ export default function Header() {
             </SheetTrigger>
             <SheetContent side="right" className="w-[300px]">
               <div className="flex flex-col space-y-4 mt-8">
-                <Link href="/" className="flex items-center space-x-2">
+                <Link href="/" className="flex items-center space-x-2" legacyBehavior>
                   <Home className="h-4 w-4" />
                   <span>Home</span>
                 </Link>
@@ -200,7 +200,7 @@ export default function Header() {
                     key={item.title}
                     href={item.href}
                     className="flex items-center space-x-2"
-                  >
+                    legacyBehavior>
                     <item.icon className="h-4 w-4" />
                     <span>{item.title}</span>
                   </Link>
@@ -225,7 +225,7 @@ export default function Header() {
                           key={item.title}
                           href={item.href}
                           className="flex items-center space-x-2 py-2"
-                        >
+                          legacyBehavior>
                           <item.icon className="h-4 w-4" />
                           <span>{item.title}</span>
                         </Link>

app/page.tsx

@@ -23,7 +23,7 @@ export default function Home() {
             href="https://request.vixflix.online/"
             target="_blank"
             rel="noopener noreferrer"
-          >
+            legacyBehavior>
             <Image
               className="dark:invert"
               src="/overseerr.svg"
@@ -36,7 +36,7 @@ export default function Home() {
           <Link
             className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5"
             href="/api-docs"
-          >
+            legacyBehavior>
             <Image
               className="dark:invert"
               src="/file.svg"
@@ -49,7 +49,7 @@ export default function Home() {
           <Link
             className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5"
             href="/files"
-          >
+            legacyBehavior>
             <Image
               className="dark:invert"
               src="/file.svg"