Fix: eslint errors

src/App.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-import logo from './logo.svg';
 import './App.css';
 import Theme from './utils/Theme';
 import Routing from './utils/Routing';

src/data/SpeedFlowchart.tsx

@@ -1,4 +1,3 @@
-import { FILE } from 'dns';
 import { SpeedCompetitionCategoryResult } from '../models/Competition';
 import { Participant } from '../models/Participant';
 
@@ -115,10 +114,9 @@ export class SpeedFlowchart {
           const finalFirstRoundPairs: SpeedRoundPair[] = [];
 
           for (let i = 0; i < finalSortedFirstRoundPairs.length; i++) {
-            if (finalSortedFirstRoundPairs[i][0] !== undefined)
+            const [laneA, laneB] = finalSortedFirstRoundPairs[i];
-              finalFirstRoundPairs.push(finalSortedFirstRoundPairs[i][0]!);
+            if (laneA !== undefined) finalFirstRoundPairs.push(laneA);
-            if (finalSortedFirstRoundPairs[i][1] !== undefined)
+            if (laneB !== undefined) finalFirstRoundPairs.push(laneB);
-              finalFirstRoundPairs.push(finalSortedFirstRoundPairs[i][1]!);
           }
 
           // push the first round to all data

src/utils/PageTemplate.tsx

@@ -12,13 +12,15 @@ export default function PageTemplate(props: { children: JSX.Element }) {
 
   return (
     <ContextWrapper>
-      <Container
+      <LocalizationProviderWrapper>
-        sx={{ marginTop: '50px' }}
+        <Container
-        className='root-container'
+          sx={{ marginTop: '50px' }}
-        maxWidth='lg'
+          className='root-container'
-      >
+          maxWidth='lg'
-        {children}
+        >
-      </Container>
+          {children}
+        </Container>
+      </LocalizationProviderWrapper>
     </ContextWrapper>
   );
 }