<< 1. Не работает подсветка в css в styled компоненте.
Просто у тебя в IDE не установлен плагин. У меня вот этот стоит: https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components
Вот на всякий случай список всех установленных у меня расширений.
$ code --list-extensions | xargs -L 1 echo code --install-extension
code --install-extension 13xforever.language-x86-64-assembly
code --install-extension alefragnani.pascal
code --install-extension alefragnani.pascal-formatter
code --install-extension bmewburn.vscode-intelephense-client
code --install-extension CADENAS.vscode-glsllint
code --install-extension cssho.vscode-svgviewer
code --install-extension dbaeumer.vscode-eslint
code --install-extension donjayamanne.githistory
code --install-extension ecmel.vscode-html-css
code --install-extension EditorConfig.EditorConfig
code --install-extension EngineDesigns.retroassembler
code --install-extension fi1osof.prisma-cms
code --install-extension GraphQL.vscode-graphql
code --install-extension Gruntfuggly.todo-tree
code --install-extension henriiik.vscode-perl
code --install-extension imperez.smarty
code --install-extension infeng.vscode-react-typescript
code --install-extension jakob101.RelativePath
code --install-extension jpoissonnier.vscode-styled-components
code --install-extension kumar-harsh.graphql-for-vscode
code --install-extension lonefy.vscode-JS-CSS-HTML-formatter
code --install-extension mgmcdermott.vscode-language-babel
code --install-extension mhutchie.git-graph
code --install-extension mikestead.dotenv
code --install-extension mquandalle.graphql
code --install-extension ms-vscode.cpptools
code --install-extension prb28.amiga-assembly
code --install-extension redhat.java
code --install-extension richterger.perl
code --install-extension Roncho.assembly-8086
code --install-extension scala-lang.scala
code --install-extension searKing.preview-vscode
code --install-extension slevesque.shader
code --install-extension syler.sass-indented
code --install-extension sysoev.language-stylus
code --install-extension technosophos.vscode-make
code --install-extension tht13.python
code --install-extension VisualStudioExptTeam.vscodeintellicode
code --install-extension vscjava.vscode-java-debug
code --install-extension vscjava.vscode-java-dependency
code --install-extension vscjava.vscode-java-pack
code --install-extension vscjava.vscode-java-test
code --install-extension vscjava.vscode-maven
code --install-extension wingrunr21.vscode-ruby
code --install-extension Wscats.eno
code --install-extension xabikos.ReactSnippets
code --install-extension yzhang.markdown-all-in-one
code --install-extension zenor.makefile-creator
>> 2. После запуска yarn format и проверки все тоже самое, как у тебя git diff git diff src/components/Header/index.tsx показывает изменения только, что убрал закрывающие точки с запятой отступы spasec не изменились. В редакторе я поменял spasec на 2.
А ты уже исправил там сам синтаксис? У тебя там styled, или как и было, просто стили? Если просто стили, он этого не поменяет, пока не поправишь синтаксис.
И после того, как изменил в настроках отступы, надо закрыть все файлы. В текущих он сразу не меняет.