feat: update org nav dashboard styles

[nickoferrall]

Fix #9791

Loom demo: https://www.loom.com/share/cc181f0c48fc437880aa260bfce9ede1

Questions for Terry (outlined in the Loom above)

1. Are you happy with the active nav item styles? There's the vertical space and rounded edges. I think the vertical space is fine, but the edges probably shouldn't be rounded.
   

2. Should the organisation settings page sidebar be updated to look like the dash sidebar? So this section:
   

I lean towards updating it, but only once the dashboard nav is complete. For now, we could leave it as it is in production.

3. How do you feel about the "Team" tag? I didn't see this in designs. Happy to change the colour, of course.
   

4. Should we remove the links to org and settings here? I think we probably should as it's visible enough from the sidebar now
   

The parent PR won't be merged until the mobile styles and finished.

[ackernaut]

@nickoferrall here are numbered responses

1. Re: active team nav items, they should be rounded and the container with a border should have padding (see Figma). Note: ‘Settings & Members’ would also have a similar hover state, rounded and inset
2. Re: org admin nav, we should update the org admin nav, too, since this is meant to be the same nav component. They should be rounded like the new main nav items (Meetings, History, etc.) and just need some padding. I’m happy to make a refinement PR if I need to.
3. Re: tier tag colors, it seems the Team tag color we use is gold. See the mobile nav for an idea of the tag colors used. The layout looks good.
   .
4. Re: team settings links, we can remove the org link. We need to keep the ‘Settings’ link as that’s the only way a Team Lead can delete their team. Once all functionality is moved to the Org Admin > Teams > Team view for a Team Lead we could consider removing both the Settings view and that link to it.
5. Nit: (don’t use blue for dash nav items) all the nav items including Add a Team and Settings & Members will use the same icon and text styles for both default and hover/active (see Figma)

[ackernaut]

See my comment with numbered responses! Once it’s ready I can take a refinement pass if needed so that I’m not backseat driving on pixel values.

[nickoferrall]

Thanks for the responses! That all makes sense to me.

For number 5, I had been working off the last design from here with the blue links, but I'll work from this design from now onwards

[nickoferrall]

I've pushed an update with:

1. The active team nav bar
2. I've created an issue for this: Admin Nav: org dash nav matches the dash nav #9826
3. Tier tag updated
4. I think we should probably wait until we can delete "Settings" too, otherwise it looks strange to me:

5. Swapped blue for slate