fix: clean up / refactor demo app

[RobChangCA]

Pull Request Checklist

• Did you add new tests and confirm existing tests pass? (yarn test)
• Did you update relevant docs? (docs are found in the site folder, and guidelines for updating/adding docs can be found in the contribution guide)
• Do your commits follow the Conventional Commits standard?
• Does your PR title also follow the Conventional Commits standard?
• If you have a breaking change, is it correctly reflected in your commit message? (e.g. feat!: breaking change)
• Did you run lint (yarn lint:check) and fix any issues? (yarn lint:write)
• Did you follow the contribution guidelines?

---

PR-Codex overview

This PR focuses on enhancing the UI components in the examples/ui-demo directory, improving responsiveness, and refactoring imports for better organization. It introduces new components and updates existing ones to ensure a more cohesive user experience.

Detailed summary

• Updated UserAvatar.tsx to change a div class from flex to hidden lg:flex.
• Added ConfigurationSidebarWrapper component in ConfigurationSidebarWrapper.tsx.
• Modified layout in MobileSplashPage.tsx for better responsiveness.
• Refactored imports in Styling.tsx for consistency.
• Changed z-index in TopNav.tsx.
• Adjusted EOAPostLogin styles for better layout.
• Updated icon imports in ValueProps.tsx and UserConnectionAvatar.tsx for proper paths.
• Refactored RenderUserConnectionAvatar for improved structure.
• Introduced PreviewNav and PreviewWrapper components for better navigation and layout.
• Removed AuthCardWrapper and streamlined the main layout in page.tsx.

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
aa-sdk-site	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 29, 2025 10:28pm
aa-sdk-ui-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 29, 2025 10:28pm

[graphite-app]

How to use the Graphite Merge Queue

Add the label graphite-merge-queue 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.

[linnall]

unrelated to your changes, but do you mind removing the import of RenderUserConnectionAvatar here since it is not being used 🙏

[linnall]

left some small nits but otherwise looks great, thanks for doing this! lgtm

[jakehobbs]

Looks good to me. The only possible regression I can find is that the "code preview" still shows now if you toggle it on & then shrink your viewport to mobile width. I don't have a problem with that though if others are okay with it.