fixed formatting

frontend/src/App.tsx

@@ -20,18 +20,18 @@ const router = createBrowserRouter([
             {
                 path: '/play',
                 element: <PlayOptions />,
-                
-            },{
+            },
+            {
                 path: '/game',
-                element: <Game/>
+                element: <Game />,
             },
             { path: '/about', element: <About /> },
         ],
     },
 ]);
 
 function App() {
-   return <RouterProvider router={router}/>
+    return <RouterProvider router={router} />;
 }
 
 export default App;

frontend/src/Navbar.tsx

@@ -1,11 +1,7 @@
 import './index.css';
 
 function Navbar() {
-    return (
-        <div className='flex flex-row'>
-            Navbar
-        </div>
-    )
+    return <div className="flex flex-row">Navbar</div>;
 }
 
-export default Navbar
+export default Navbar;

frontend/src/library/button.tsx

@@ -8,16 +8,10 @@
 type ButtonProps = {
     onClick: () => void;
     children: React.ReactNode;
-}
+};
 
-function Button({onClick, children}:ButtonProps) {
-    return (
-        <button onClick={onClick}>
-            {
-                children
-            }
-        </button>
-    )
+function Button({ onClick, children }: ButtonProps) {
+    return <button onClick={onClick}>{children}</button>;
 }
 
-export default Button
+export default Button;

frontend/src/library/input.module.css

@@ -1,2 +1 @@
-
-/* rules defined in this file are scoped to the js/ts file importing this.  */
+/* rules defined in this file are scoped to the js/ts file importing this.  */

frontend/src/pages/About.tsx

@@ -1,14 +1,10 @@
-
-
 function About() {
     return (
         <>
-        <h1>
-            About this project
-        </h1>
-        <p>This project was developed as a part of CSOC, IIT(BHU)</p>
+            <h1>About this project</h1>
+            <p>This project was developed as a part of CSOC, IIT(BHU)</p>
         </>
-    )
+    );
 }
 
-export default About
+export default About;

frontend/src/pages/AppLayout.tsx

@@ -1,15 +1,14 @@
-import { Outlet } from "react-router-dom"
-import Navbar from "../Navbar"
-
+import { Outlet } from 'react-router-dom';
+import Navbar from '../Navbar';
 
 function AppLayout() {
     return (
         <div>
-            <Navbar/>
-            <Outlet/>
+            <Navbar />
+            <Outlet />
             {/* todo: Add a footer component */}
         </div>
-    )
+    );
 }
 
-export default AppLayout
+export default AppLayout;

frontend/src/pages/Error.tsx

@@ -1,13 +1,12 @@
-import { Link } from "react-router-dom"
-
+import { Link } from 'react-router-dom';
 
 function Error() {
     return (
         <div>
             This page does not exist!
             <Link to="home">Go back to homepage</Link>
         </div>
-    )
+    );
 }
 
-export default Error
+export default Error;

frontend/src/pages/Game.tsx

@@ -1,11 +1,9 @@
-
-
 function Game() {
     return (
         <div>
             <div>X's turn</div>
         </div>
-    )
+    );
 }
 
-export default Game
+export default Game;

frontend/src/pages/Home.tsx

@@ -1,4 +1,4 @@
-import { Link } from "react-router-dom"
+import { Link } from 'react-router-dom';
 
 function Home() {
     return (
@@ -9,4 +9,4 @@ function Home() {
     );
 }
 
-export default Home
+export default Home;

frontend/src/pages/PlayOptions.tsx

@@ -5,7 +5,7 @@ import Button from '../library/button';
 function PlayOptions() {
     const navigate = useNavigate();
     function handleCreateGame() {
-        console.log("Creating a new game")
+        console.log('Creating a new game');
         navigate('/game');
     }