fix: remove styled-components

package.json

@@ -12,7 +12,6 @@
     "@types/react-dom": "^17.0.11",
     "@types/react-router": "^5.1.18",
     "@types/react-router-dom": "^5.3.3",
-    "@types/styled-components": "^5.1.23",
     "@types/webpack-env": "^1.16.3",
     "@vitejs/plugin-react": "^4.2.1",
     "add": "^2.0.6",
@@ -52,7 +51,6 @@
     "react-hot-loader": "^4.13.0",
     "react-router-dom": "^5.3.0",
     "recoil": "^0.7.7",
-    "styled-components": "^5.3.3",
     "vite-plugin-top-level-await": "^1.4.1"
   }
 }

src/App.tsx

@@ -1,6 +1,6 @@
 import React, {useEffect, useState} from 'react';
 import {useHistory} from 'react-router-dom';
-import styled from 'styled-components';
+import styled from "@emotion/styled";
 import {Header} from './styles/header.styles';
 import {IPhoneSettings} from '@project-error/npwd-types';
 import {i18n} from 'i18next';

src/index.tsx

@@ -1,12 +1,10 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import '../npwd.config';
-
 import {BrowserRouter} from 'react-router-dom';
-import styled from 'styled-components';
+import styled from "@emotion/styled";
 import App from './App';
 import image from './bg.png';
-import {NuiProvider} from 'react-fivem-hooks';
 import {RecoilRoot} from 'recoil';
 import {IPhoneSettings} from '@project-error/npwd-types';
 import i18next from 'i18next';

src/styles/header.styles.ts

@@ -1,5 +1,4 @@
-
-import styled from "styled-components";
+import styled from "@emotion/styled";
 
 export const Header = styled('div')({
 	width: '100%',