Remove styled-components (#7809)

* boolean seetting 1/33

* placeholder 2/33

* dropdown 3/33

* git repo clone 4/33

* git repo settings 5/33

* git repo setting form

* password viewer 6/33

* menu item 7/33

* menu section

* gitlab repo settings form

* empty state

* ws req pane

* event view

* disconnect button

* response headers

* most of item content

* menu

* action bar

* unstyled toast

* unstyled theme panel

* unstyled request-url-bar

* fix debug

* unstyled realtime-response-pane

* unstyled grpc-request-pane

* svg-icon unstyled

* trail-lines unstyled

* dropdown hint

* mock url bar

* theme button 1

* some of project empty state

* some of tabs

* most of import modal

* more of import modal

* a bit more import

* method dropdown

* item content

* proto file list

* docs

* project empty pane

* oops

* import modal

* eliminate dropdown button

* tabs without pseudo elements

* fix types

* remove styled-components

* themed button

* fix project empty state and clone test

* tailwind tabs

* fix mock send button

* fix tab border

* more tailwind fixes

* more tailwind

* fix type

* fix height github and gitlab modal

* send button

* history dropdown

* cookie-modal tabs

* mock-response-pane tabs

* mock-route tabs

* git-repo tabs

* repo-settings-modal tabs

* settings-modal tabs

* grpc-request-pane tabs

* grpc-response-pane tabs

* remove old tabs component

* fix e2e

---------

Co-authored-by: gatzjames <[email protected]>
Co-authored-by: Filipe Freire <[email protected]>

DEVELOPMENT.md

@@ -9,7 +9,7 @@ Insomnia is a desktop application built on top of [Electron](http://electronjs.o
 There are a few more technologies and tools worth mentioning:
 
 - [`React`](https://reactjs.org/) is the library used for all UI components.
-- [`styled-components`](https://styled-components.com/) and [`Less`](http://lesscss.org/) are used for styling UI components.
+- [`tailwind`](https://tailwindcss.com/) is used for styling UI components.
 - [`Electron Builder`](https://github.com/electron-userland/electron-builder) is used to help build, sign, and package Insomnia for distribution.
 - [`libcurl`](https://curl.se/libcurl/) is the library that Insomnia uses to make requests. We used libcurl as our HTTP client of choice because it allows the deepest amount of debuggability and control of HTTP requests.
 - [`NeDB`](https://github.com/louischatriot/nedb) a local in-memory database.

packages/insomnia/package.json

@@ -121,7 +121,6 @@
     "@types/react": "^18.2.74",
     "@types/react-dom": "^18.2.24",
     "@types/shell-quote": "^1.7.5",
-    "@types/styled-components": "^5.1.34",
     "@types/swagger-ui-dist": "3.30.4",
     "@types/tough-cookie": "^4.0.5",
     "@types/uuid": "^9.0.8",
@@ -168,7 +167,6 @@
     "react-router-dom": "^6.22.3",
     "react-stately": "3.30.1",
     "react-use": "^17.5.0",
-    "styled-components": "^5.3.3",
     "tailwindcss": "^3.4.3",
     "tinykeys": "^2.1.0",
     "type-fest": "^4.15.0",