feat(uishell): update HeaderPopover styles

[alisonjoseph]

Closes #817

Updates to HeaderPopover and MenuButton with new background token, border and drop shadow as default.

There is an additional open issue to adjust the trigger button for the HeaderPopover/Profile #871

We may need a separate issue to look at Tooltips inside the Header? @carbon-design-system/design

Changelog

Changed

• update styles to come from @carbon/react instead of @carbon/styles
• update to latest version of @carbon/react and @carbon/styles
• Update HeaderPopover and MenuButton to have the backgroundToken, background, dropShadow, true and border true.

Removed

• style overrides for Profile component
• label from ContainedList
• style overrides for ContainedList to hide label

Testing / Reviewing

Check that HeaderPopovers and MenuButtons in UIShell Demo story match spec in issue

[netlify]

✅ Deploy Preview for carbon-labs-web-components ready!

Name	Link
🔨 Latest commit	dc177cc
🔍 Latest deploy log	https://app.netlify.com/projects/carbon-labs-web-components/deploys/690cae5efebddc0008c7343c
😎 Deploy Preview	https://deploy-preview-890--carbon-labs-web-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for carbon-labs-react ready!

Name	Link
🔨 Latest commit	dc177cc
🔍 Latest deploy log	https://app.netlify.com/projects/carbon-labs-react/deploys/690cae5e5521e10008d1c723
😎 Deploy Preview	https://deploy-preview-890--carbon-labs-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[ariellalgilmore]

LGTM! just need to resolve conflicts

[thyhmdo]

Web: Unrelated, but the ghost button's color looks incorrect across themes

---

React:CommonHeader seems to have a different style?

[alisonjoseph]

@thyhmdo what browser are you in? It looks correct in Firefox and Chrome to me.

[thyhmdo]

@alisonjoseph oh I was on Arc. Ok Arc always has issues then

[emyarod]

looks good to me!

[thyhmdo]

It's a detail, but can we line up the border of the profile with the line of the global header?

[alisonjoseph]

@thyhmdo the Global Header is being contributed by a different team.

https://deploy-preview-890--carbon-labs-react.netlify.app/?path=/story/components-uishell--demo
This is the link for the UI Shell / this PR