2980-Fix: CommandGroup background

[Kanav-Arora]

Closes #2980

[charlesBochet]

@Kanav-Arora Let's introduce a new boxShadow in theme: superHeavy.

Light mode:
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16), 0px 8px 64px -16px rgba(0, 0, 0, 0.48), 0px 24px 56px -16px rgba(0, 0, 0, 0.08);

Dark mode:
box-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.04);

(using grayScale.gray100 as others)

I've also noticed that boxShadow extraLight is not used anymore in the code and not part of Figma, let's remove it

[Kanav-Arora]

Hi @charlesBochet
I have done the suggested changes but the shadow is too strong for light mode and looks same for dark mode.
The main reason for this issue was to improve dark mode. IG you can give it a thought once.
Still I have made the changes so you can check once.

[charlesBochet]

@Kanav-Arora could you add screenshots?
@Bonapara can we get your input on it?

[Kanav-Arora]

@charlesBochet PFA

[Bonapara]

@Kanav-Arora, thank you for your work on this. In addition to fixing the box shadow, we also need to correct the background colors. Here's what we can do:

• Change the popup background color to secondary.
• Remove the background color from the section titles.

https://www.figma.com/file/xt8O9mFeLl46C5InWwoMrN/Twenty?type=design&node-id=6639-72012&mode=design&t=77tjN1WZX11BpPQj-4

[Kanav-Arora]

Hi @charlesBochet
Done

[charlesBochet]

Thank you! I have made last changes based on discussion with @Bonapara