🔧refactor: use variables to store release info

src/routes/download/+page.svelte

@@ -4,6 +4,39 @@
 
   import { toast } from "svelte-sonner";
   import { Download, Github } from "lucide-svelte";
+
+  let win_release = {
+    title: "Windows Installer",
+    description: "RhazesEMR Desktop Client for Windows",
+    msi: "",
+    exe: "",
+  };
+
+  let mac_release = {
+    title: "MacOS Installer",
+    description: "RhazesEMR Desktop Client for MacOS",
+  };
+
+  let linux_release = {
+    title: "Linux Installer",
+    description: "RhazesEMR Desktop Client for Linux",
+    deb: "",
+    rpm: "",
+    appimage: "",
+  };
+
+  let ios_release = {
+    title: "iOS Installer",
+    description: "RhazesEMR Mobile Client for iOS",
+  };
+
+  let android_release = {
+    title: "Android Installer",
+    description: "RhazesEMR Mobile Client for Android",
+    apk: "",
+  };
+
+  let github_release = "";
 </script>
 
 <main class="flex flex-grow flex-col items-center mt-28">
@@ -18,9 +51,8 @@
   <div class="flex flex-wrap justify-center mt-5">
     <Card.Root class="w-[380px] m-2">
       <Card.Header>
-        <Card.Title>Windows Installer</Card.Title>
-        <Card.Description>RhazesEMR Desktop Client for Windows</Card.Description
-        >
+        <Card.Title>{win_release.title}</Card.Title>
+        <Card.Description>{win_release.description}</Card.Description>
       </Card.Header>
       <Card.Content class="grid gap-4">
         <div class="flex justify-center pb-4">
@@ -28,16 +60,16 @@
         </div>
 
         <div class="flex flex-grow justify-center">
-          <Button class="w-1/2 mr-1">
+          <Button class="w-1/2 mr-1" href={win_release.exe}>
             <Download /> EXE
           </Button>
-          <Button class="w-1/2">
+          <Button class="w-1/2" href={win_release.msi}>
             <Download /> MSI
           </Button>
         </div>
       </Card.Content>
       <Card.Footer>
-        <Button class="w-full" variant="secondary"
+        <Button class="w-full" variant="secondary" href={github_release}
           ><Github /> Github Release</Button
         >
       </Card.Footer>
@@ -45,19 +77,19 @@
 
     <Card.Root class="w-[380px] m-2">
       <Card.Header>
-        <Card.Title>Android Installer</Card.Title>
-        <Card.Description>RhazesEMR Mobile Client for Android</Card.Description>
+        <Card.Title>{android_release.title}</Card.Title>
+        <Card.Description>{android_release.description}</Card.Description>
       </Card.Header>
       <Card.Content class="grid gap-4">
         <div class="flex justify-center pt-4">
           <i class="fa-brands fa-android text-9xl"></i>
         </div>
-        <Button class="w-full">
+        <Button class="w-full" href={android_release.apk}>
           <Download /> APK
         </Button>
       </Card.Content>
       <Card.Footer>
-        <Button class="w-full" variant="secondary"
+        <Button class="w-full" variant="secondary" href={github_release}
           ><Github /> Github Release</Button
         >
       </Card.Footer>
@@ -65,29 +97,27 @@
 
     <Card.Root class="w-[380px] m-2">
       <Card.Header>
-        <Card.Title>Linux Installer</Card.Title>
-        <Card.Description
-          >RhazesEMR Desktop Client for GNU/Linux</Card.Description
-        >
+        <Card.Title>{linux_release.title}</Card.Title>
+        <Card.Description>{linux_release.description}</Card.Description>
       </Card.Header>
       <Card.Content class="grid gap-4">
         <div class="flex justify-center pt-2 pb-2">
           <i class="fa-brands fa-linux text-9xl"></i>
         </div>
         <div class="flex flex-grow justify-center">
-          <Button class="w-1/3 mr-1">
+          <Button class="w-1/3 mr-1" href={linux_release.deb}>
             <Download /> DEB
           </Button>
-          <Button class="w-1/3 mr-1">
+          <Button class="w-1/3 mr-1" href={linux_release.rpm}>
             <Download /> RPM
           </Button>
-          <Button class="w-1/3">
+          <Button class="w-1/3" href={linux_release.appimage}>
             <Download /> AppImage
           </Button>
         </div>
       </Card.Content>
       <Card.Footer>
-        <Button class="w-full" variant="secondary"
+        <Button class="w-full" variant="secondary" href={github_release}
           ><Github /> Github Release</Button
         >
       </Card.Footer>
@@ -95,8 +125,8 @@
 
     <Card.Root class="w-[380px] m-2">
       <Card.Header>
-        <Card.Title>MacOS Installer</Card.Title>
-        <Card.Description>RhazesEMR Desktop Client for MacOS</Card.Description>
+        <Card.Title>{mac_release.title}</Card.Title>
+        <Card.Description>{mac_release.description}</Card.Description>
       </Card.Header>
       <Card.Content class="grid gap-4">
         <div class="flex justify-center pt-2 pb-2">
@@ -112,7 +142,7 @@
         </button>
       </Card.Content>
       <Card.Footer>
-        <Button class="w-full" variant="secondary"
+        <Button class="w-full" variant="secondary" href={github_release}
           ><Github /> Github Release</Button
         >
       </Card.Footer>
@@ -120,8 +150,8 @@
 
     <Card.Root class="w-[380px] m-2">
       <Card.Header>
-        <Card.Title>iOS Installer</Card.Title>
-        <Card.Description>RhazesEMR Mobile Client for iOS</Card.Description>
+        <Card.Title>{ios_release.title}</Card.Title>
+        <Card.Description>{ios_release.description}</Card.Description>
       </Card.Header>
       <Card.Content class="grid gap-4">
         <div class="flex justify-center pt-2 pb-2">