refactor: Improve responsiveness of Features component layout

src/components/release-note.tsx

@@ -2,7 +2,7 @@ import { ReleaseNote } from "@/lib/release-notes";
 import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
 import { CheckCheckIcon, StarIcon } from "lucide-react";
 import { Button } from "./ui/button";
-
+import Link from "next/link";
 export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
   return (
     <div className="flex flex-col mt-52 mb-24">
@@ -10,7 +10,7 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
         <h1 className="text-4xl font-bold">Release notes for {data.version} 🎉</h1>
         <p className="text-sm mt-1 font-bold text-muted-foreground">{data.date}</p>
         <p className="text-md mt-4 text-muted-foreground">
-          If you encounter any issues, please report them on <a href="https://github.com/zen-browser/desktop/issues/" className="text-underline text-blue-500">the issues page</a>. Thanks everyone for your feedback! ❤️
+          If you encounter any issues, please report them on <Link href="https://github.com/zen-browser/desktop/issues/" className="text-underline text-blue-500">the issues page</Link>. Thanks everyone for your feedback! ❤️
         </p>
         {data.extra && (
           <p className="text-md mt-8" dangerouslySetInnerHTML=
@@ -57,21 +57,23 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
                 <li key={index} className="mt-1 text-muted-foreground">
                   {fix.description}
                   {fix.issue && (
-                    <a
+                    <Link
                       href={`https://github.com/zen-browser/desktop/issues/${fix.issue}`}
                       target="_blank"
                       className="ml-1 text-blue-500"
                     >
                       issue #{fix.issue}
-                    </a>
+                    </Link>
                   )}
                 </li>
               ))}
             </ul>
           </>
-        )}
+        )}   
       </div>
-      <Button className="mt-12 w-fit mx-auto" onClick={() => window.location.href = '/download'}>Download zen now!</Button>
-    </div>
+      <Link href='/download'>
+      <Button className="mt-12 w-fit mx-auto">Download zen now!</Button>
+      </Link>
+    </div> 
   );
 }