Add theme and router config to app

src/App.tsx

@@ -1,26 +1,13 @@
-import React from 'react';
+import { Route, Switch } from 'react-router';
-import logo from './logo.svg';
-import './App.css';
 
-function App() {
+const App = () => {
   return (
-    <div className="App">
+    <Switch>
-      <header className="App-header">
+      <Route path='/' exact>
-        <img src={logo} className="App-logo" alt="logo" />
+        <div></div>
-        <p>
+      </Route>
-          Edit <code>src/App.tsx</code> and save to reload.
+    </Switch>
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
   );
-}
+};
 
 export default App;

src/index.tsx

@@ -1,12 +1,18 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import { ThemeProvider } from 'styled-components';
+import { theme } from './themes';
+import { BrowserRouter } from 'react-router-dom';
 
 ReactDOM.render(
   <React.StrictMode>
-    <App />
+    <ThemeProvider theme={theme}>
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </ThemeProvider>
   </React.StrictMode>,
   document.getElementById('root')
 );