Lets create a worktree and project to improve onboarding in the frontend
We're going to do the following
- Updat the login page so it uses the same card styles as the profile page
- When logged in, hide the hero banner in home
- Logged in home should have an onboarding wizard (3 step process) that is responsive friendly (horiz on desktop, vertical on moible).
- The onbaording steps are essentially a way to understand user state and modify what we think is the most important thing we want users to do in the first few minutes of joining the app. so it should be generalizable/configurable.
- In this case, Onboarding is 3 steps: Setup your profile (user exists, should be done on login), step 2 is "Download CLI" (condition is a device identity attached to this namespace), step 3 is "Share a Trace!" (checked when user has a trace shared, but unchecked until then)
- oh yeah- so each onboarding step has a state - not compelte / complete - as users state changes the onboarding div state changes. and as we change what is important in onboarding we can change the list of onboaridng "steps" and everything just works
- The profile "Traces" page is kind of broken, the [slug]/page.tsx should show the curent thing with the contribution graph, only recent traces (limit to 20), but [slug]/traces/page.tsx (new, create) should show the full trace list for the user. right now that traces page uses a completely diferent format
