Add settings page with change password, fix terminal ws bug

dashboard/frontend/src/App.svelte

@@ -5,6 +5,7 @@
   import Gitea from "./routes/Gitea.svelte";
   import Files from "./routes/Files.svelte";
   import Terminal from "./routes/Terminal.svelte";
+  import Settings from "./routes/Settings.svelte";
   import Login from "./routes/Login.svelte";
   import { onMount } from "svelte";
   import { getToken, checkAuth, setToken } from "./lib/api.js";
@@ -82,6 +83,8 @@
           <Files />
         {:else if page === "terminal"}
           <Terminal />
+        {:else if page === "settings"}
+          <Settings />
         {/if}
       </div>
     </main>

dashboard/frontend/src/components/Sidebar.svelte

@@ -7,6 +7,7 @@
     { id: "gitea", label: "Repos", icon: "git" },
     { id: "files", label: "Files", icon: "folder" },
     { id: "terminal", label: "Terminal", icon: "terminal" },
+    { id: "settings", label: "Settings", icon: "settings" },
   ];
 
   const external = [
@@ -56,6 +57,8 @@
             <svg class="w-[18px] h-[18px]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" /></svg>
           {:else if link.icon === "terminal"}
             <svg class="w-[18px] h-[18px]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
+          {:else if link.icon === "settings"}
+            <svg class="w-[18px] h-[18px]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /></svg>
           {/if}
         </span>
         {link.label}

dashboard/frontend/src/routes/Settings.svelte

@@ -0,0 +1,62 @@
+<script>
+  import { post } from "../lib/api.js";
+
+  let currentPassword = $state("");
+  let newPassword = $state("");
+  let confirmPassword = $state("");
+  let message = $state("");
+  let error = $state("");
+  let saving = $state(false);
+
+  async function changePassword() {
+    error = "";
+    message = "";
+    if (newPassword !== confirmPassword) { error = "Passwords do not match"; return; }
+    if (newPassword.length < 8) { error = "Password must be at least 8 characters"; return; }
+    saving = true;
+    try {
+      await post("/auth/change-password", { current_password: currentPassword, new_password: newPassword });
+      message = "Password changed successfully";
+      currentPassword = ""; newPassword = ""; confirmPassword = "";
+    } catch (e) {
+      error = e.body?.detail || "Failed to change password";
+    }
+    saving = false;
+  }
+</script>
+
+<div class="space-y-6">
+  <div>
+    <h1 class="text-2xl font-bold text-surface-900 tracking-tight">Settings</h1>
+    <p class="text-sm text-surface-400 mt-1">Account and security settings</p>
+  </div>
+
+  <div class="bg-white rounded-xl border border-surface-200 p-6 shadow-sm max-w-md">
+    <h3 class="text-sm font-semibold text-surface-700 mb-4">Change Password</h3>
+
+    {#if message}
+      <div class="text-sm text-emerald-600 bg-emerald-50 px-3 py-2 rounded-lg mb-4">{message}</div>
+    {/if}
+    {#if error}
+      <div class="text-sm text-rose-600 bg-rose-50 px-3 py-2 rounded-lg mb-4">{error}</div>
+    {/if}
+
+    <form onsubmit={(e) => { e.preventDefault(); changePassword(); }} class="space-y-3">
+      <div>
+        <label class="block text-xs font-medium text-surface-500 mb-1">Current Password</label>
+        <input type="password" bind:value={currentPassword} required class="w-full px-3 py-2 text-sm border border-surface-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500" />
+      </div>
+      <div>
+        <label class="block text-xs font-medium text-surface-500 mb-1">New Password</label>
+        <input type="password" bind:value={newPassword} required class="w-full px-3 py-2 text-sm border border-surface-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500" />
+      </div>
+      <div>
+        <label class="block text-xs font-medium text-surface-500 mb-1">Confirm New Password</label>
+        <input type="password" bind:value={confirmPassword} required class="w-full px-3 py-2 text-sm border border-surface-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500" />
+      </div>
+      <button type="submit" disabled={saving} class="w-full px-4 py-2 text-sm font-medium text-white bg-primary-600 hover:bg-primary-700 rounded-lg transition-colors disabled:opacity-50">
+        {saving ? "Saving..." : "Change Password"}
+      </button>
+    </form>
+  </div>
+</div>