fix: onboarding styling (#18417)

web/src/routes/+page.svelte

@@ -1,17 +1,17 @@
 <script lang="ts">
+  import AuthPageLayout from '$lib/components/layouts/AuthPageLayout.svelte';
   import { AppRoute } from '$lib/constants';
-  import { Heading, Button, Logo } from '@immich/ui';
+  import { Button, Heading } from '@immich/ui';
   import { t } from 'svelte-i18n';
 </script>
 
-<section class="flex h-dvh w-dvw place-content-center place-items-center">
-  <div class="flex max-w-[350px] flex-col place-items-center gap-10 text-center">
-    <div class="flex place-content-center place-items-center">
-      <Logo variant="icon" class="text-center" size="landing" />
+<AuthPageLayout>
+  <div class="flex flex-col place-items-center text-center gap-12">
+    <Heading size="large" color="primary" tag="h1">{$t('welcome_to_immich')}</Heading>
+    <div>
+      <Button href={AppRoute.AUTH_REGISTER} size="medium" shape="round">
+        <span class="px-2 font-semibold">{$t('getting_started')}</span>
+      </Button>
     </div>
-    <Heading size="giant" color="primary" tag="h1">{$t('welcome_to_immich')}</Heading>
-    <Button href={AppRoute.AUTH_REGISTER} size="giant" shape="round">
-      <span class="px-2 font-bold">{$t('getting_started')}</span>
-    </Button>
   </div>
-</section>
+</AuthPageLayout>