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

* use svelte store

* fix: websocket error when not authenticated

* more routes

web/src/routes/(user)/user-settings/+page.svelte

@@ -6,10 +6,10 @@
   export let data: PageData;
 </script>
 
-<UserPageLayout user={data.user} title={data.meta.title}>
+<UserPageLayout title={data.meta.title}>
   <section class="mx-4 flex place-content-center">
     <div class="w-full max-w-3xl">
-      <UserSettingsList user={data.user} keys={data.keys} devices={data.devices} />
+      <UserSettingsList keys={data.keys} devices={data.devices} />
     </div>
   </section>
 </UserPageLayout>

web/src/routes/(user)/user-settings/+page.ts

@@ -3,13 +3,12 @@ import { api } from '@api';
 import type { PageLoad } from './$types';
 
 export const load = (async () => {
-  const user = await authenticate();
+  await authenticate();
 
   const { data: keys } = await api.keyApi.getApiKeys();
   const { data: devices } = await api.authenticationApi.getAuthDevices();
 
   return {
-    user,
     keys,
     devices,
     meta: {