clean up tsconfig and drop redundant imports

src/App.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 import Header from "./components/header";
 import Calculator from "./components/calculator";
 import Footer from "./components/footer";

src/components/calculator.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import styles from "./calculator.module.css";
 
 const MAX_PEOPLE = 3000;

src/components/footer.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import styles from "./footer.module.css";
 
 const Footer = () => (

src/components/header.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import styles from "./header.module.css";
 
 const Header = () => (

src/main.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import '@fontsource/nunito/200.css'
 import '@fontsource/nunito/400.css'
@@ -7,7 +7,7 @@ import './index.css'
 import App from './App'
 
 createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
+  <StrictMode>
     <App />
-  </React.StrictMode>
+  </StrictMode>
 )