fix: svelte file in correct folder

web/src/lib/components/shared-components/navigation-bar/account-info-panel.svelte

@@ -7,9 +7,9 @@
   import { fade } from 'svelte/transition';
   import UserAvatar from '../user-avatar.svelte';
   import { mdiCog, mdiLogout, mdiPencil } from '@mdi/js';
-  import AvatarSelector from '$lib/components/user-settings-page/avatar-selector.svelte';
   import { notificationController, NotificationType } from '../notification/notification';
   import { handleError } from '$lib/utils/handle-error';
+  import AvatarSelector from './avatar-selector.svelte';
 
   export let user: UserResponseDto;
 

web/src/lib/components/user-settings-page/avatar-selector.svelte → web/src/lib/components/shared-components/navigation-bar/avatar-selector.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
   import { mdiClose } from '@mdi/js';
-  import CircleIconButton from '../elements/buttons/circle-icon-button.svelte';
   import { createEventDispatcher } from 'svelte';
-  import FullScreenModal from '../shared-components/full-screen-modal.svelte';
-  import UserAvatar from '../shared-components/user-avatar.svelte';
   import { UserDtoAvatarColorEnum, UserResponseDto } from '@api';
+  import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
+  import FullScreenModal from '../full-screen-modal.svelte';
+  import UserAvatar from '../user-avatar.svelte';
 
   export let user: UserResponseDto;
 

web/src/lib/components/user-settings-page/user-settings-list.svelte

@@ -27,7 +27,7 @@
 </script>
 
 <SettingAccordion title="Account" subtitle="Manage your account">
-  <UserProfileSettings bind:user />
+  <UserProfileSettings {user} />
 </SettingAccordion>
 
 <SettingAccordion title="API Keys" subtitle="Manage your API keys">

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

@@ -5,14 +5,12 @@
   import type { PageData } from './$types';
 
   export let data: PageData;
-
-  let user: UserResponseDto = data.user;
 </script>
 
-<UserPageLayout {user} title={data.meta.title}>
+<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} keys={data.keys} devices={data.devices} partners={data.partners} />
+      <UserSettingsList user={data.user} keys={data.keys} devices={data.devices} partners={data.partners} />
     </div>
   </section>
 </UserPageLayout>