chore: refactor settings route

app/(app)/settings/legal/page.tsx

@@ -0,0 +1,25 @@
+/**
+ * /settings/legal — links to the standalone legal documents.
+ *
+ * Dedicated page for what used to be the "Legal" section on the old /settings
+ * screen. Each row hard-links to its own top-level route (/terms, /privacy,
+ * /data-deletion).
+ */
+
+import { NavList, NavRow, SettingsShell } from "@/components/settings/settings-ui";
+
+export default function LegalSettingsPage() {
+  return (
+    <SettingsShell
+      backHref="/settings"
+      backLabel="Settings"
+      title="Legal"
+    >
+      <NavList>
+        <NavRow href="/terms" label="Terms of Service" />
+        <NavRow href="/privacy" label="Privacy Policy" />
+        <NavRow href="/data-deletion" label="Steps for data deletion" />
+      </NavList>
+    </SettingsShell>
+  );
+}