Cleaned up unused classNames and imported Components

frontend/src/App.jsx

@@ -1,6 +1,6 @@
 "use client"
 import React from 'react';
-import {Grid, GridItem, Button, Box, Container, Image, Flex, Center, SimpleGrid, Text} from "@chakra-ui/react"
+import {Grid, Button, Box, Container, Image, Flex, Center, Text} from "@chakra-ui/react"
 import { LuMoon, LuSun } from "react-icons/lu";
 import { useColorMode } from "@/components/ui/color-mode"
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
@@ -25,7 +25,6 @@ function App() {
             <Router>
                 <div className="App">
                     <Container mt="5">
-
                         <Grid>
                             <Box
                                 p="4"