fix(cxl-ui): add dashboard accordion new styles

[kertuilves]

https://app.clickup.com/t/86ay6gc3z

[github-actions[bot]]

size-limit report 📦

Path	Size
packages/cxl-ui/pkg/dist-web/cxl-ui.js	62.64 KB (+0.17% 🔺)
packages/cxl-ui/pkg/dist-web/cxl-ui-jwplayer.js	11.87 KB (0%)
packages/cxl-ui/pkg/dist-web/cxl-ui-playbooks.js	27.43 KB (-0.02% 🔽)
packages/cxl-ui/pkg/dist-web/vendor.js	135.58 KB (0%)
packages/cxl-ui/pkg/dist-web/cxl-ui-jwplayer.js, packages/cxl-ui/pkg/dist-web/cxl-ui-playbooks.js, packages/cxl-ui/pkg/dist-web/cxl-ui.js, packages/cxl-ui/pkg/dist-web/manifest.js, packages/cxl-ui/pkg/dist-web/unresolved.js, packages/cxl-ui/pkg/dist-web/vendor.js	238.67 KB (+0.05% 🔺)

[pawelkmpt]

Design doesn't have indents on every level

[kertuilves]

@heshfekry @pawelkmpt When I saw that the design that was under task description was missing from Figma I asked Janeli about it. She said that @heshfekry picked after our meeting this new design. Is this correct information?

[heshfekry]

@heshfekry @pawelkmpt When I saw that the design that was under task description was missing from Figma I asked Janeli about it. She said that @heshfekry picked after our meeting this new design. Is this correct information?

Yes this is the same one, maybe it was moved. Basically the same with a slightly larger indent on left hand side.

[freudFlintstone]

@heshfekry I think we need to skip indents on mobile as full card is not displayed

Made that change for smaller screens, but I have a question: If cards are only ever rendered in lower level, does indenting actually contribute, or at least contributes enough that it's worth losing that space on larger mobile devices and tablets?

[heshfekry]

We need to ditch indent on mobile.