Styled-components-website: Add syntax highlighting setup to tooling

[mxstbr]

We should add docs about all the syntax highlighters for all the different editors to the website so people can find it!

[SaraVieira]

Hello @mxstbr!

What syntax highlighters are there?

[kitten]

@SaraVieira Most of them are listed here: https://github.com/styled-components/styled-components#syntax-highlighting

A new addition is the WebStorm plugin: https://github.com/styled-components/webstorm-styled-components

[SaraVieira]

@philpl I can take this on tonight 😀

Is it okay if I use the icon for the apps ?

[mxstbr]

Sure!

[SaraVieira]

@mxstbr Should this also include a PR to the styled-components readme to remove all the documentation from there ?

[morajabi]

@SaraVieira I think we can have a paragraph in that repo with a link to the new section for the information. Also, we need to mention which editors/IDEs we support in that paragraph so they'll know whether the ext for their editor is available or not, right there. In short, we shouldn't completely remove that section for now :) (IMO)

[kitten]

@morajabi I agree, we should replace the section, but still mention the editors we support :)

[SaraVieira]

Fishnuggets! I forgot about this! I will start again on this today :)

It will be a new page on tooling? @mxstbr @morajábig @philpl

[morajabi]

@morajáBIG ? I'm not BIG. 😆

[mxstbr]

Hahaha love that typo!

Yeah, should be in tooling @SaraVieira. Call it "Syntax highlighting" or something like that!

[mxstbr]

@SaraVieira any chance you could pick this up based on https://github.com/styled-components/styled-components/pull/1367? :blush:

[SaraVieira]

YES ! I'm so sorry I have been somehow out but I do have time this week 🤗
Added to calendar so that I don't forget