feat(web): redesign settings layout + split billing into its own tab

[MaheshtheDev]

Summary

• Reworked the settings page shell: slimmer sidebar, branded identity orb ("{first}'s supermemory"), and a header-mounted organization switcher with plan badges (Free/Pro/Scale/Enterprise) sitting left of the profile avatar.
• Consolidated the sidebar Danger Zone into a single button that opens a popover (Reset data + Delete account, with clear severity hierarchy); Log out is now its own neutral row above it.
• Split Billing & Subscription out of the Account tab into a dedicated Billing tab (components/settings/billing.tsx).
• Trimmed Account to Profile Details + a new Team members card (reads org.members); removed the redundant in-tab delete-account flow in favor of the sidebar control.
• Centered the layout, removed the duplicated per-tab page headers, and dropped the header bottom border.

[claude]

Claude finished @MaheshtheDev's task in 1m 51s —— View job

---

Review Complete

• Analyzing PR context
• Getting PR diff and reviewing changes
• Checking for bugs, security issues, and logic errors
• Submitting review

Overview: Redesigns the settings page layout with a slimmer sidebar, adds an organization switcher to the header, and splits billing into its own dedicated tab.

Issues found: None — this looks good to ship.

The refactoring is clean:

• Billing logic moved from account.tsx to the new billing.tsx without modification
• Team members section properly handles optional chaining for org?.members
• Organization switcher correctly handles the switching state and edge cases
• Danger zone consolidation into popover maintains the same functionality

Score: 10/10

---

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Updated (UTC)
✅ Deployment successful! View logs	supermemory-mcp	d0bafb9	May 20 2026, 04:20 AM

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	supermemory-app	d0bafb9	Commit Preview URL Branch Preview URL	May 20 2026, 04:21 AM

[claude]

Overview: Redesigns the settings page layout with a slimmer sidebar, adds an organization switcher to the header, and splits billing into its own dedicated tab.

Issues found: None — this looks good to ship.

The refactoring is clean:

• Billing logic moved from account.tsx to the new billing.tsx without modification
• Team members section properly handles optional chaining for org?.members
• Organization switcher correctly handles the switching state and edge cases (single org, current org click)
• Danger zone consolidation into popover maintains the same functionality

Score: 10/10

[graphite-app]

How to use the Graphite Merge Queue

Add the label Main to this PR to add it to the merge queue.

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has enabled the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.