refactor: add maintenanceStore to hold writables

web/src/lib/stores/maintenance.store.ts

@@ -1,4 +1,6 @@
 import { type MaintenanceAuthDto } from '@immich/sdk';
 import { writable } from 'svelte/store';
 
-export const maintenanceAuth = writable<MaintenanceAuthDto>();
+export const maintenanceStore = {
+  auth: writable<MaintenanceAuthDto>(),
+};

web/src/lib/utils/maintenance.ts

@@ -1,5 +1,5 @@
 import { AppRoute } from '$lib/constants';
-import { maintenanceAuth as maintenanceAuth$ } from '$lib/stores/maintenance.store';
+import { maintenanceStore } from '$lib/stores/maintenance.store';
 import { maintenanceLogin } from '@immich/sdk';
 
 export function maintenanceCreateUrl(url: URL) {
@@ -26,7 +26,7 @@ export const loadMaintenanceAuth = async () => {
       },
     });
 
-    maintenanceAuth$.set(auth);
+    maintenanceStore.auth.set(auth);
   } catch {
     // silently fail
   }

web/src/routes/maintenance/+page.svelte

@@ -1,12 +1,14 @@
 <script lang="ts">
   import AuthPageLayout from '$lib/components/layouts/AuthPageLayout.svelte';
   import FormatMessage from '$lib/elements/FormatMessage.svelte';
-  import { maintenanceAuth } from '$lib/stores/maintenance.store';
+  import { maintenanceStore } from '$lib/stores/maintenance.store';
   import { handleError } from '$lib/utils/handle-error';
   import { MaintenanceAction, setMaintenanceMode } from '@immich/sdk';
   import { Button, Heading, Link } from '@immich/ui';
   import { t } from 'svelte-i18n';
 
+  const { auth } = maintenanceStore;
+
   // strip token from URL after load
   const url = new URL(location.href);
   if (url.searchParams.get('token')) {
@@ -41,11 +43,11 @@
         {/snippet}
       </FormatMessage>
     </p>
-    {#if $maintenanceAuth}
+    {#if $auth}
       <p>
         {$t('maintenance_logged_in_as', {
           values: {
-            user: $maintenanceAuth.username,
+            user: $auth.username,
           },
         })}
       </p>