feature(database-connection): Fix routing and refactor style sheets

frontend/src/App.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {FunctionComponent} from 'react';
 import './App.scss';
 import {BrowserRouter as Router, Route, Switch} from 'react-router-dom';
 
@@ -8,7 +8,20 @@ import MainPage, {IMainPageProps} from "./pages/MainPage/MainPage";
 
 library.add(faArrowCircleLeft, faArrowCircleRight)
 
-export default class App extends React.Component {
+const App: FunctionComponent = () => (
+    <Router>
+        <Switch>
+            {/*<Route exact path={'/'} component={(props: IMainPageProps) => (<MainPage {...props}/>)} />*/}
+            <Route exact path={'/'} to={'/season/1'} />
+            <Route path={'/season/:id'} component={(props: IMainPageProps) => (<MainPage {...props}/>)} />
+        </Switch>
+    </Router>
+);
+
+export default App;
+
+
+// export default class App extends React.Component {
 
   // componentDidMount() {
     // this.setState({loading: false, mock: this.mockService.getStatsWithoutPromise()});
@@ -24,16 +37,4 @@ export default class App extends React.Component {
     //         error: err.error
     //       }))
     //   });
-  // }
-
-  render() {
-    return (
-      <Router>
-        <Switch>
-          <Route exact path={'/'} component={(props: IMainPageProps) => (<MainPage {...props}/>)} />
-          <Route path={'/season/:id'} component={(props: IMainPageProps) => (<MainPage {...props}/>)} />
-        </Switch>
-      </Router>
-    );
-  }
-}
+  // }