refactor(web): user-settings (#3700)

* refactor(web): user-settings

* feat: move the logic to the server

* use const

* fix: error 403

* fix: remove console.log

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

@@ -2,13 +2,21 @@ import { AppRoute } from '$lib/constants';
 import { redirect } from '@sveltejs/kit';
 import type { PageServerLoad } from './$types';
 
-export const load = (async ({ locals: { user } }) => {
+export const load = (async ({ parent, locals }) => {
+  const { user } = await parent();
   if (!user) {
     throw redirect(302, AppRoute.AUTH_LOGIN);
   }
 
+  const { data: keys } = await locals.api.keyApi.getKeys();
+  const { data: devices } = await locals.api.authenticationApi.getAuthDevices();
+  const { data: partners } = await locals.api.partnerApi.getPartners({ direction: 'shared-by' });
+
   return {
     user,
+    keys,
+    devices,
+    partners,
     meta: {
       title: 'Settings',
     },

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

@@ -9,7 +9,7 @@
 <UserPageLayout user={data.user} title={data.meta.title}>
   <section class="mx-4 flex place-content-center">
     <div class="w-full max-w-3xl">
-      <UserSettingsList user={data.user} />
+      <UserSettingsList user={data.user} keys={data.keys} devices={data.devices} partners={data.partners} />
     </div>
   </section>
 </UserPageLayout>