Add style guide with destructuring of props and components with context (atomic design)

[shortcut-integration[bot]]

This pull request has been linked to Clubhouse Story #160563: Add style guide with destructuring of props and components with context (atomic design).

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/carto-frontend/cra-template-carto/2jD3DefXnYUXFpq5eTii9Yna5W9o
✅ Preview: https://cra-template-carto-git-feature-ch160563-carto-frontend.vercel.app

[alasarr]

Please, add a title at the PR, it's a public repo and the link to CH is not enough.

[alasarr]

A description is also welcome

[aaranadev]

@alasarr I leaved a note in the task: https://app.clubhouse.io/cartoteam/story/160574/improve-the-css-by-default-including-names-and-theme-file.

I've modified the files and the styles, I can't change the style only in other PR without conflicts

[alasarr]

I've modified the files and the styles, I can't change the style only in other PR without conflicts

Create the style PR from this one. And add a note that this PR needs to be merged before

[aaranadev]

Perfect

[alasarr]

Steps:

1. Create a PR with only the features of this.
2. Create another PR with the improvement of styles and explain in the title and description what you're doing

[aaranadev]

I've created several PR from this with minor improvements.

I close this PR