Draft homepage refresh

[taysea]

Deploy Preview

What does this PR do?

Draft of a small home page refresh exploration proposed by Chris. This doesn't touch any broader content restructuring aside from taking a "small step" towards a side bar navigation

Some to do's:

• For the "Search" experience, using keyboard to move down through search results does not keep the active item in view. This could be a Grommet bug.
• Connect with Julia to get her thoughts on the structure.

Where should the reviewer start?

What testing has been done on this PR?

In addition to the feature you are implementing, have you checked the following:

General UX Checks

• Small, medium, and large screen sizes
• Cross-browsers (FireFox, Chrome, and Safari)
• Light & dark modes
• All hyperlinks route properly

Accessibility Checks

• Keyboard interactions
• Screen reader experience
• Run WAVE accessibility plugin (Chrome)

Code Quality Checks

• Console is free of warnings and errors
• Passes E2E commit checks
• Visual snapshots are reasonable

How should this be manually tested?

Any background context you want to provide?

What are the relevant issues?

Screenshots (if appropriate)

Should this PR be mentioned in Design System updates?

Is this change backwards compatible or is it a breaking change?

[netlify]

❌ Deploy Preview for unrivaled-bublanina-3a9bae failed.

Name	Link
🔨 Latest commit	44cf8cc
🔍 Latest deploy log	https://app.netlify.com/sites/unrivaled-bublanina-3a9bae/deploys/6734f030050ee600080c845b