eslint auto fixes

src/ui/App.test.tsx

@@ -1,9 +1,7 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import App from './App';
+import React from 'react'
+import { render, screen } from '@testing-library/react'
+import App from './App'
 
 test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});
+
+})

src/ui/App.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import logo from './logo.svg';
-import './App.css';
+import React from 'react'
+import logo from './logo.svg'
+import './App.css'
 
 // Major Components
 import Topbar from './components/TopBar'
@@ -9,9 +9,9 @@ function App() {
   return (
     <div className="App">
       <Topbar />
-      <button onClick={() => console.log("cum")}>Cool button</button>
+      <button onClick={() => console.log('cum')}>Cool button</button>
     </div>
-  );
+  )
 }
 
-export default App;
+export default App

src/ui/components/TopBar.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import './TopBar.css';
+import React from 'react'
+import './TopBar.css'
 
 export default class TopBar extends React.Component {
   constructor(props: unknown[]) {