Move settings out of a modal and onto its own page.

Co-authored-by: Cursor <cursoragent@cursor.com>

pages/library.vue

@@ -4,8 +4,6 @@
       subtitle="Library"
       current="library"
       wide
-      show-settings
-      @settings="settingsOpen = true"
     />
 
     <main class="mx-auto flex min-h-0 w-full max-w-[90rem] flex-1 flex-col gap-4 px-4 py-4 sm:px-6 lg:flex-row">
@@ -282,17 +280,6 @@
       </aside>
     </main>
 
-    <SettingsModal
-      v-if="settingsOpen"
-      :folders="folders"
-      :auth-mode="authMode"
-      :username="userName"
-      @close="settingsOpen = false"
-      @updated="applyLibrary"
-      @error="toast"
-      @renamed="userName = $event"
-    />
-
     <Teleport to="body">
       <div
         v-if="pendingDelete"
@@ -366,9 +353,6 @@ const showPrivacyToggles = computed(() => isXaigenStudio({
   studio: runtimeConfig.public.studio,
   instanceName: runtimeConfig.public.instanceName || instanceName.value
 }))
-const authMode = ref('')
-const userName = ref('')
-const settingsOpen = ref(false)
 const folders = ref<LibraryFolder[]>([])
 const clips = ref<LibraryClip[]>([])
 const stills = ref<LibraryStill[]>([])
@@ -892,8 +876,6 @@ onMounted(async () => {
     $fetch<{ user?: { name?: string; email?: string }; authEnabled?: boolean; authMode?: string; instanceName?: string }>('/api/auth/me').catch(() => ({ user: null })),
     loadLibrary().catch(() => applyLibrary({ folders: [], clips: [], stills: [] }))
   ])
-  userName.value = me.user?.name || me.user?.email || ''
-  authMode.value = me.authMode || ''
   instanceName.value = me.instanceName || instanceName.value
   await nextTick()
   measure()