Create admin header component

[IkeHunter]

Info

Standardize the header layout for pages in the admin dashboard by creating a common header component. The new component should be created in src/apps/admin/components/.

Tasks

• Create new AdminHeader component
• Implement new component for each admin page (except Overview)

[SobaSkee]

Can I create this component?

[IkeHunter]

Here's some example pages from our Figma:

The "header" part I'm referencing is the part with the page name, directly below the "Top Bar" (the top container where the profile and notifications icons are). Ideally, the header might have some options to have a "sub nav" list like on the music page, or a "call to action" (button) like on the members page. Maybe these options could be enabled/disabled depending on what each page would need.

Here's an example if it were on the members page:

export const MembersPage = () => {
  return (
    <div>
      <TopBar />
      <Header title="Members" cta={{link: '/some/link', label: 'Add Member'}} />
      ...
    </div>
  )
}

[SobaSkee]

What options should the subnav have? I implemented add member, what others do you suggest? Should every admin page have options?