feat: update demo video, scroll and dimensions on mobile

[iykazrji]

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?

Screenshots

RPReplay_Final1728586503.MP4

---

PR-Codex overview

This PR focuses on enhancing the layout and styling of the TopNav, MobileSplashPage, and the main Home component in the application, improving responsiveness and visual consistency.

Detailed summary

• Changed TopNav to use fixed positioning and adjusted background classes.
• Updated Home component to use h-auto for dynamic height and added margin adjustments for child elements.
• Modified MobileSplashPage to improve text sizes and layout, including a video element's dimensions.

✨ 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	Oct 10, 2024 9:08pm
aa-sdk-ui-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 10, 2024 9:08pm