fix: ui fixes minor

app/(app)/settings/page.tsx

@@ -92,18 +92,25 @@ function SignOutSection() {
     }
   }
 
+  // Renders as a full-width clickable row matching LegalLink — same
+  // padding, same hover, with LogOut taking the slot ChevronRight uses
+  // on link rows. The whole row is the click target.
   return (
-    <section className="pt-4">
-      <button
-        type="button"
-        onClick={onSignOut}
-        disabled={busy}
-        className="inline-flex items-center gap-2 rounded-md border border-destructive/30 bg-destructive/5 px-4 py-2.5 text-base font-medium text-destructive hover:bg-destructive/10 transition-colors disabled:opacity-60"
-      >
-        <LogOut className="size-5" />
-        {busy ? "Signing out…" : "Sign out"}
-      </button>
-    </section>
+    <ul className="divide-y divide-border">
+      <li>
+        <button
+          type="button"
+          onClick={onSignOut}
+          disabled={busy}
+          className="w-full flex items-center justify-between py-3.5 group disabled:opacity-60"
+        >
+          <span className="text-base text-foreground group-hover:text-primary transition-colors">
+            {busy ? "Signing out…" : "Sign out from this device"}
+          </span>
+          <LogOut className="size-5 text-muted-foreground group-hover:text-foreground transition-colors" />
+        </button>
+      </li>
+    </ul>
   );
 }