refactor(web): consolidate change password into account section dialog

Replace the standalone `ChangePasswordSection` card with a `ChangePasswordDialog` triggered from a button next to "Sign out" in the account section. This removes the separate card, merges the dialog logic into `account-section.tsx`, and cleans up the settings page layout accordingly.

docs/src/app/(home)/page.tsx

@@ -74,7 +74,7 @@ const steps = [
     step: "2",
     title: "Set three environment variables",
     content: (
-      <pre className="mt-2 rounded-lg bg-fd-background/80 p-3 text-xs text-fd-muted-foreground ring-1 ring-white/[0.06]">
+      <pre className="overflow-x-auto mt-2 rounded-lg bg-fd-background/80 p-3 text-xs text-fd-muted-foreground ring-1 ring-white/[0.06]">
         <code>{`TMDB_API_READ_ACCESS_TOKEN=...
 BETTER_AUTH_SECRET=...
 BETTER_AUTH_URL=https://sofa.example.com`}</code>
@@ -85,7 +85,7 @@ BETTER_AUTH_URL=https://sofa.example.com`}</code>
     step: "3",
     title: "Start the container",
     content: (
-      <pre className="mt-2 rounded-lg bg-fd-background/80 p-3 text-xs text-fd-muted-foreground ring-1 ring-white/[0.06]">
+      <pre className="overflow-x-auto mt-2 rounded-lg bg-fd-background/80 p-3 text-xs text-fd-muted-foreground ring-1 ring-white/[0.06]">
         <code>docker compose up -d</code>
       </pre>
     ),

docs/src/components/scroll-indicator.tsx

@@ -43,7 +43,7 @@ export function ScrollIndicator() {
   return (
     <div
       ref={ref}
-      className="absolute bottom-8 flex flex-col items-center gap-1.5 text-fd-muted-foreground transition-opacity duration-500"
+      className="absolute bottom-9 flex flex-col items-center gap-1.5 text-fd-muted-foreground transition-opacity duration-500"
       style={{ opacity: shown && !scrolled && fits ? 1 : 0 }}
     >
       <ArrowDown