chore(AppBar): move appbar from brand

[dreamwasp]

Overview

Moves AppBar from Brand to Gamut - first in a project to decouple AppHeader components from business logic

PR Checklist

• Related to designs:
• Related to JIRA ticket: [gm-1001]
• I have run this code to verify it works
• This PR includes unit tests for the code change
• This PR includes testing instructions tests for the code change
• The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories

Testing Instructions

1. Go to the AppBar story (under Headers & Footers)
2. See it works
3. Head to Mono + Monolith
4. See the AppHeaders still work

PR Links and Envs

Repository	PR Link	PR Env
Monolith	Monolith PR	Monolith Env
Mono	Portal Link	Portal Env

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 23d79f4.

---

☁️ Nx Cloud last updated this comment at 2025-02-13 21:32:48 UTC

[codecademydev]

📬Published Alpha Packages:

@codecademy/gamut@59.0.9-alpha.23d79f.0
@codecademy/gamut-kit@0.6.478-alpha.23d79f.0
@codecademy/styleguide@70.1.2-alpha.23d79f.0

[codecademydev]

🚀 Styleguide deploy preview ready!

https://67ae651f91d51620141fcf1d--gamut-preview.netlify.app

Deploy Logs

[LinKCoding]

There's some leftover brand stuff that I think can be touched up

[LinKCoding]

This feels like an arbitrary value lol
should it always be 14? should/could this value potentially be set by a prop?

[dreamwasp]

yeha that makes sense, i'll make it a prop

[LinKCoding]

For some reason this shows up in the page as the default story —
You can change it: <Canvas of={AppBarStories.Header} /> to get it show properly

It'd also be good to include a playground section below this and maybe format the whole story closer to the other stories we use for gamut's story pages

[dreamwasp]

yeah i just did a straight copy-paste, i'll fix it more