feat(web): automatically update user info (#5647)

* use svelte store

* fix: websocket error when not authenticated

* more routes

web/src/routes/(user)/share/[key]/+page.svelte

@@ -8,12 +8,12 @@
   import { api, SharedLinkType } from '@api';
   import type { PageData } from './$types';
   import { handleError } from '$lib/utils/handle-error';
+  import { user } from '$lib/stores/user.store';
 
   export let data: PageData;
   let { sharedLink, passwordRequired, sharedLinkKey: key } = data;
   let { title, description } = data.meta;
-
-  let isOwned = data.user ? data.user.id === sharedLink?.userId : false;
+  let isOwned = $user ? $user.id === sharedLink?.userId : false;
   let password = '';
 
   const handlePasswordSubmit = async () => {
@@ -21,7 +21,7 @@
       const result = await api.sharedLinkApi.getMySharedLink({ password, key });
       passwordRequired = false;
       sharedLink = result.data;
-      isOwned = data.user ? data.user.id === sharedLink.userId : false;
+      isOwned = $user ? $user.id === sharedLink.userId : false;
       title = (sharedLink.album ? sharedLink.album.albumName : 'Public Share') + ' - Immich';
       description = sharedLink.description || `${sharedLink.assets.length} shared photos & videos.`;
     } catch (error) {

web/src/routes/(user)/share/[key]/+page.ts

@@ -6,7 +6,7 @@ import type { PageLoad } from './$types';
 
 export const load = (async ({ params }) => {
   const { key } = params;
-  const user = await getAuthUser();
+  await getAuthUser();
 
   try {
     const { data: sharedLink } = await api.sharedLinkApi.getMySharedLink({ key });
@@ -15,7 +15,6 @@ export const load = (async ({ params }) => {
     const assetId = sharedLink.album?.albumThumbnailAssetId || sharedLink.assets[0]?.id;
 
     return {
-      user,
       sharedLink,
       meta: {
         title: sharedLink.album ? sharedLink.album.albumName : 'Public Share',