fix: wrap footer when overflow and made version inline with the other links

Author: tejas-raskar

src/lib/layout/footer.svelte

@@ -54,34 +54,11 @@
                 </Button.Anchor>
             </Layout.Stack>
         </Layout.Stack>
-        {#if $isSmallViewport}
-            <div class="extra-margin">
-                <Layout.Stack direction="row" justifyContent={'flex-start'} alignItems="center">
-                    {#if $version}
-                        {#if isCloud}
-                            <Icon size="s" icon={IconCloud} />
-                            <Badge size="xs" variant="secondary" content="BETA" />
-                        {/if}
-                        <Link.Anchor
-                            size="s"
-                            variant="quiet"
-                            href="https://github.com/appwrite/appwrite/releases"
-                            aria-label="Appwrite releases on Github"
-                            target="_blank"
-                            rel="noreferrer">
-                            Version {$version}
-                        </Link.Anchor>
-                        <span class="divider-wrapper">
-                            <Divider vertical />
-                        </span>
-                    {/if}
-                </Layout.Stack>
-            </div>
-        {/if}
         <Layout.Stack
             direction="row"
             justifyContent={$isSmallViewport ? 'flex-start' : 'flex-end'}
-            alignItems="center">
+            alignItems="center"
+            wrap="wrap">
             {#if !$isSmallViewport}
                 {#if isCloud}
                     <Badge size="xs" variant="secondary" content="BETA" />
@@ -147,6 +124,26 @@
                     Cookies
                 </Link.Anchor>
             {/if}
+            {#if $isSmallViewport}
+                {#if $version}
+                    <span class="divider-wrapper">
+                        <Divider vertical />
+                    </span>
+                    <Link.Anchor
+                        size="s"
+                        variant="quiet"
+                        href="https://github.com/appwrite/appwrite/releases"
+                        aria-label="Appwrite releases on Github"
+                        target="_blank"
+                        rel="noreferrer">
+                        Version {$version}
+                    </Link.Anchor>
+                    {#if isCloud}
+                        <Icon size="s" icon={IconCloud} />
+                        <Badge size="xs" variant="secondary" content="BETA" />
+                    {/if}
+                {/if}
+            {/if}
         </Layout.Stack>
     </Layout.Stack>
 </footer>