Global html/body styles belong into index.scss

client/src/App.test.tsx

-
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import App from 'App';
-
-test('app renders `Home`', () => {
-    render(<App />);
-    const linkElement = screen.getByText(/Home/i);
-    expect(linkElement).toBeInTheDocument();
-});
-

client/src/App.tsx

@@ -3,7 +3,6 @@ import React from 'react';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
 
 import Home from 'pages/Home';
-import 'App.scss';
 
 export default function App() {
     return (

client/src/index.tsx

@@ -5,7 +5,9 @@ import ReactDOM from 'react-dom';
 import App from 'App';
 import * as serviceWorkerRegistration from './serviceWorkerRegistration';
 import reportWebVitals from './reportWebVitals';
+
 import 'styles/fonts.css';
+import 'index.scss';
 
 ReactDOM.render(
     <React.StrictMode>