chore: remove footer image (#178)

Author: jrasm91

src/lib/components/Footer.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { Card, Heading, HStack, Icon, Link, Stack, Text, ThemeSwitcher, VStack } from '@immich/ui';
+  import { Heading, HStack, Icon, Link, Stack, Text, ThemeSwitcher, VStack } from '@immich/ui';
   import { mdiCubeOutline, mdiKey, mdiOfficeBuildingOutline, mdiServerOutline, mdiShoppingOutline } from '@mdi/js';
   import { siAndroid, siApple, siDiscord, siGithub, siImmich, siReddit } from 'simple-icons';
 </script>
 
 <div class="bg-dark/10 rounded-t-3xl mt-16 p-8">
   <div class="max-w-(--breakpoint-lg) mx-auto xl:py-8">
     <Stack gap={8}>
-      <div class="grid grid-cols-2 gap-8 place-center lg:grid-cols-5">
+      <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8 place-center">
         <Stack>
           <Heading size="tiny">Social</Heading>
           <Link href="https://github.com/immich-app/immich" target="_blank" rel="noopener noreferrer">
@@ -56,22 +56,6 @@
           </Link>
         </Stack>
 
-        <Stack>
-          <Heading size="tiny">Support</Heading>
-          <Link href="https://buy.immich.app" target="_blank" rel="noopener noreferrer">
-            <HStack>
-              <Icon icon={mdiKey} size="1.5em" />
-              <Text>Purchase</Text>
-            </HStack>
-          </Link>
-          <Link href="https://immich.store/" target="_blank" rel="noopener noreferrer">
-            <HStack>
-              <Icon icon={mdiShoppingOutline} size="1.5em" />
-              <Text>Merch</Text>
-            </HStack>
-          </Link>
-        </Stack>
-
         <Stack>
           <Heading size="tiny">Sites</Heading>
           <Link href="https://immich.app" target="_blank" rel="noopener noreferrer">
@@ -94,6 +78,22 @@
           </Link>
         </Stack>
 
+        <Stack>
+          <Heading size="tiny">Support</Heading>
+          <Link href="https://buy.immich.app" target="_blank" rel="noopener noreferrer">
+            <HStack>
+              <Icon icon={mdiKey} size="1.5em" />
+              <Text>Purchase</Text>
+            </HStack>
+          </Link>
+          <Link href="https://immich.store/" target="_blank" rel="noopener noreferrer">
+            <HStack>
+              <Icon icon={mdiShoppingOutline} size="1.5em" />
+              <Text>Merch</Text>
+            </HStack>
+          </Link>
+        </Stack>
+
         <Stack>
           <Heading size="tiny">Company</Heading>
           <Link href="https://futo.org/" target="_blank" rel="noopener noreferrer">
@@ -104,9 +104,6 @@
           </Link>
         </Stack>
       </div>
-      <Card>
-        <img src="/img/social-preview.webp" alt="Social Preview" />
-      </Card>
       <VStack class="text-center">
         <Text size="large">This project is available under GNU AGPL v3 license.</Text>
         <Text color="muted" variant="italic">Privacy should not be a luxury</Text>