feat: loading screen, initSDK on bootstrap, fix FOUC for theme (#10350)

* feat: loading screen, initSDK on bootstrap, fix FOUC for theme

* pulsate immich logo, don't set localstorage

* Make it spin

* Rework error handling a bit

* Cleanup

* fix test

* rename, memoize

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>

web/src/routes/+layout.ts

@@ -1,19 +1,19 @@
-import { initApp } from '$lib/utils';
-import { defaults } from '@immich/sdk';
+import { init } from '$lib/utils/server';
 import type { LayoutLoad } from './$types';
 
 export const ssr = false;
 export const csr = true;
 
 export const load = (async ({ fetch }) => {
-  // set event.fetch on the fetch-client used by @immich/sdk
-  // https://kit.svelte.dev/docs/load#making-fetch-requests
-  // https://github.com/oazapfts/oazapfts/blob/main/README.md#fetch-options
-  defaults.fetch = fetch;
-
-  await initApp();
+  let error;
+  try {
+    await init(fetch);
+  } catch (initError) {
+    error = initError;
+  }
 
   return {
+    error,
     meta: {
       title: 'Immich',
     },