Optimize image loading in components

src/components/download.tsx

@@ -220,7 +220,7 @@ export default function DownloadPage() {
               </p>
               <div className="flex font-bold mt-5 items-center justify-between mx-auto">
                 <a href="https://github.com/zen-browser">Source Code</a>
-                <Link
+                <a
                   className="ml-5"
                   href="https://patreon.com/zen_browser?utm_medium=unknown&utm_source=join_link&utm_campaign=creatorshare_creator&utm_content=copyLink"
                 >
@@ -551,7 +551,7 @@ export default function DownloadPage() {
                 <InfoCircledIcon className="size-4 mr-2" />
                 <p className="text-muted-foreground">
                   Confused about which build to choose?{" "}
-                  <Link
+                  <a
                     href="https://docs.zen-browser.app/guides/generic-optimized"
                     target="_blank"
                     className="text-blue-400"

src/components/footer.tsx

@@ -6,7 +6,7 @@ export default function Footer() {
   return (
     <div className="font-medium flex-col md:flex-row px-10 md:px-0 border-t w-full border-grey py-10 mt-10 flex justify-center align-center">
       Zen Browser © {new Date().getFullYear()} - Made with ❤️ by the Zen team.
-      <Link
+      <a
         href={"https://github.com/zen-browser"}
         target="_blank"
         className="mt-5 md:mt-0 md:ml-2 font-bold"

src/components/mobile-nav.tsx

@@ -94,7 +94,7 @@ function MobileLink({
 }: MobileLinkProps) {
    const router = useRouter()
    return (
-      <Link
+      <a
          href={href}
          onClick={() => {
             router.push(href.toString())

src/components/navigation.tsx

@@ -64,7 +64,7 @@ export function Navigation() {
               <ul className="grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">
                 <li className="row-span-3">
                   <NavigationMenuLink asChild>
-                    <Link
+                    <a
                       className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md"
                       href="/"
                     >

src/components/release-note.tsx

@@ -15,7 +15,7 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
         </p>
         <p className="text-md mt-4 text-muted-foreground">
           If you encounter any issues, please report them on{" "}
-          <Link
+          <a
             href="https://github.com/zen-browser/desktop/issues/"
             className="text-underline text-blue-500"
           >
@@ -81,7 +81,7 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
                 <li key={index} className="mt-1 text-muted-foreground">
                   {fix.description}
                   {fix.issue && (
-                    <Link
+                    <a
                       href={`https://github.com/zen-browser/desktop/issues/${fix.issue}`}
                       target="_blank"
                       className="ml-1 text-blue-500"