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

* use svelte store

* fix: websocket error when not authenticated

* more routes

web/src/routes/(user)/sharing/+page.svelte

@@ -39,7 +39,7 @@
   };
 </script>
 
-<UserPageLayout user={data.user} title={data.meta.title}>
+<UserPageLayout title={data.meta.title}>
   <div class="flex" slot="buttons">
     <LinkButton on:click={createSharedAlbum}>
       <div class="flex flex-wrap place-items-center justify-center gap-x-1 text-sm">
@@ -96,7 +96,7 @@
         <div class="grid grid-cols-[repeat(auto-fill,minmax(14rem,1fr))]">
           {#each data.sharedAlbums as album (album.id)}
             <a data-sveltekit-preload-data="hover" href={`albums/${album.id}`} animate:flip={{ duration: 200 }}>
-              <AlbumCard {album} user={data.user} isSharingView showContextMenu={false} />
+              <AlbumCard {album} isSharingView showContextMenu={false} />
             </a>
           {/each}
         </div>

web/src/routes/(user)/sharing/+page.ts

@@ -3,12 +3,11 @@ import { api } from '@api';
 import type { PageLoad } from './$types';
 
 export const load = (async () => {
-  const user = await authenticate();
+  await authenticate();
   const { data: sharedAlbums } = await api.albumApi.getAllAlbums({ shared: true });
   const { data: partners } = await api.partnerApi.getPartners({ direction: 'shared-with' });
 
   return {
-    user,
     sharedAlbums,
     partners,
     meta: {

web/src/routes/(user)/sharing/sharedlinks/+page.ts

@@ -2,9 +2,8 @@ import { authenticate } from '$lib/utils/auth';
 import type { PageLoad } from './$types';
 
 export const load = (async () => {
-  const user = await authenticate();
+  await authenticate();
   return {
-    user,
     meta: {
       title: 'Shared Links',
     },