fix: fdroid link (#31219)

docs/docs/partials/_mobile-app-download.md

@@ -4,4 +4,4 @@ The mobile app can be downloaded from the following places:
 - [Google Play Store](https://play.google.com/store/apps/details?id=app.alextran.immich)
 - [GitHub Releases (APK)](https://github.com/immich-app/immich/releases)
 - Obtainium: You can get your Obtainium config link from the [Utilities page of your Immich server](https://my.immich.app/utilities).
-- [F-Droid](https://app.futo.org/fdroid/repo/)
+- [FUTO F-Droid](https://get.immich.app/fdroid)

web/src/lib/modals/AppDownloadModal.svelte

@@ -1,14 +1,19 @@
 <script lang="ts">
-  import { appStoreBadge, BasicModal, Constants, fdroidBadge, playStoreBadge } from '@immich/ui';
+  import { appStoreBadge, BasicModal, Button, Constants, playStoreBadge } from '@immich/ui';
+  import { mdiOpenInNew } from '@mdi/js';
   import { t } from 'svelte-i18n';
-  interface Props {
+  type Props = {
     onClose: () => void;
-  }
+  };
   let { onClose }: Props = $props();
 </script>
 
 <BasicModal title={$t('app_download_links')} size="tiny" {onClose}>
   <div class="mx-auto flex max-w-50 flex-col gap-4">
+    <Button href={Constants.Get.FDroid} target="_blank" id="fdroid-link" trailingIcon={mdiOpenInNew}>
+      FUTO F-Droid
+    </Button>
+
     <a href={Constants.Get.Android} target="_blank" id="play-store-link">
       <img class="mt-2 w-full" alt="Get it on Google Play" src={playStoreBadge} />
     </a>
@@ -16,9 +21,5 @@
     <a href={Constants.Get.iOS} target="_blank" id="app-store-link">
       <img class="mt-2 w-full" alt="Download on the App Store" src={appStoreBadge} />
     </a>
-
-    <a href={Constants.Get.FDroid} target="_blank" id="fdroid-link">
-      <img class="mt-2 w-full" alt="Get it on F-Droid" src={fdroidBadge} />
-    </a>
   </div>
 </BasicModal>