📦 TinaDocs | Remove styled-components

[ssw-yakshaver]

Requested by: @isaaclombardssw via YakShaver.ai 🦬
cc: @isaaclombardssw, @Marxoz, @wicksipedia, @adamcogan

Hi Team!

  🟥  Watch the video (1 min 2 sec)

  

Pain

The current documentation for Tina.io includes examples using styled-components, which is no longer a recommended approach for styling. We need to update the documentation to remove styled-components and replace it with more modern and recommended styling methods such as Tailwind CSS or class variance authority.

Acceptance Criteria

1. All instances of styled-components are removed from the Tina.io documentation.
2. Examples using styled-components are replaced with examples using Tailwind CSS or class variance authority.
3. The updated documentation is reviewed and approved by the team.
4. Ensure that the documentation is suitable for public use without references to deprecated styling methods.

Screenshot

Figure: Styled components deprecated; remove for public use.

[amankumarrr]

this one is completed by this PR - tinacms/tina-docs#18