The bottom of the sidebar holds five different kinds of thing: help, settings, sign out, three social links and your profile. That's why it feels crowded. Every proposal below moves the profile up next to the theme toggle, the way most apps do it, and each one puts sign out somewhere different. Pick one and I'll build it.
Below the menu there are six rows plus a divider, which comes to about 210px on a laptop. The header's right side has space left over: the button, the bell and the theme toggle.
Your avatar sits to the right of the theme toggle. Clicking it opens a small menu with your name and email at the top, then Profile, Settings and Sign out. The sidebar keeps How it works and puts the social icons on the same row, so the footer goes from six rows to one.
The avatar menu is open here. Sign out has its own section at the bottom of the menu so nobody hits it while reaching for Settings.
Like A, except the theme toggle moves into the avatar menu as a Light, Dark, System switch, so the header ends up with just the bell and your avatar. How it works moves into the menu too, and the sidebar footer keeps only the social icons.
This is the calmest header of the three, and it's also the only option that adds a follow-system theme setting, which the app doesn't have today.
use-theme needs a third "system" state that listens to
prefers-color-scheme.The avatar at the top right isn't a menu. One click opens your profile. How it works and Settings stay in the sidebar where they are, and sign out becomes its own row at the bottom of the Settings page, the way iOS and many banking apps do it.
This shows the Settings page open. Your name and email sit next to the sign out button, so you can see which account you're about to leave.
You picked A, with How it works added to the avatar menu as well. The menu now
has Profile, Settings, How it works and then Sign out below a divider. After that, How it
works came out of the sidebar, so the footer holds only the social links and hides when
the rail is collapsed. I checked it in /demo
on a laptop, with the sidebar collapsed and at phone width, and the typecheck and build
both pass. It was deployed to tour-dash.pages.dev and app.tourdash.io in commit
2d08022.
I'd go with A. It clears most of the sidebar footer, sign out ends up where people
look for it first, and the theme toggle stays one click away. Any of the three takes about
an hour, and all of them keep the rules already in place: sentence case, no amber on the
avatar, and the header avatar in /demo reads the demo's own data, so it
makes no Supabase requests.
Reply with A, B or C, or a mix like "A, but put How it works in the menu". I'll build it on the dev server and check it on desktop, the collapsed rail and a phone before anything ships.