Optimize image loading in components

src/app/release-notes/[version]/page.tsx

@@ -24,11 +24,11 @@ export default function ReleaseNotePage({ params }: { params: { version: string
       <main className="flex min-h-screen flex-col items-center justify-center">
         <div className="h-screen flex flex-wrap items-center justify-center">
           <h1 className="text-4xl font-bold mt-12">Release note not found</h1>
-          <Link href="/release-notes">
+          <a href="/release-notes">
             <Button className="mt-4 items-center justify-center">
               Back to release notes
             </Button>
-          </Link>
+          </a>
         </div>
         <Footer />
         <Navigation /> {/* At the bottom of the page */}

src/app/release-notes/page.tsx

@@ -12,7 +12,7 @@ export default function ReleaseNotes() {
         <h1 className="text-4xl text-center font-bold mt-24">Release Notes</h1>
         <div className="grid gap-5 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mt-10">
           {releaseNotes.map((releaseNote) => (
-            <Link href={`/release-notes/${releaseNote.version}`} className="bg-background relative max-w-64 overflow-hidden rounded-lg border p-5 hover:border-blue-500 transition-all duration-300 hover:-translate-y-1 hover:-translate-x-1" key={releaseNote.version}>
+            <a href={`/release-notes/${releaseNote.version}`} className="bg-background relative max-w-64 overflow-hidden rounded-lg border p-5 hover:border-blue-500 transition-all duration-300 hover:-translate-y-1 hover:-translate-x-1" key={releaseNote.version}>
               <div className="text-md font-medium mb-5">
                 {releaseNote.version}
               </div>
@@ -24,7 +24,7 @@ export default function ReleaseNotes() {
                   Alpha Release
                 </div>
               )}
-            </Link>
+            </a>
           ))}
         </div>
       </div>