chore:eslint

src/app/login/page.tsx

@@ -2,9 +2,8 @@
 
 import { useState } from 'react';
 
-import LoginForm from '../../components/LoginForm';
-
 import Image from 'next/image';
+import LoginForm from '../../components/LoginForm';
 
 import {
   GlobalStyle,

src/app/profileScreen/page.tsx

@@ -1,17 +1,15 @@
 'use client';
 
+import { useRouter } from 'next/navigation';
+import { toast } from 'react-toastify';
+import NavBar from '../../components/NavBar';
+
 import { LogOutButton, GlobalStyle, PopUp } from './style';
 
 import { signOut } from '../../api/supabase/auth/auth';
 
-import NavBar from '../../components/NavBar';
-
-import { ToastContainer, toast } from 'react-toastify';
-
 import 'react-toastify/dist/ReactToastify.css';
 
-import { useRouter } from 'next/navigation';
-
 import Footer from '../../components/Footer';
 
 export default function Profile() {
@@ -26,22 +24,13 @@ export default function Profile() {
       router.push('/login');
     }, 3000);
   };
-  const CloseButton = ({ closeToast }) => (
-    <i className="material-icons" onClick={closeToast}>
-      OK
-    </i>
-  );
+
   return (
     <main>
       <NavBar />
       <GlobalStyle />
       <LogOutButton onClick={() => showToastMessage()}>Log Out!</LogOutButton>
-      <PopUp
-        closeButton={false}
-        autoClose={3000}
-        hideProgressBar={true}
-        limit={1}
-      />
+      <PopUp closeButton={false} autoClose={3000} hideProgressBar limit={1} />
       <Footer />
     </main>
   );

src/app/profileScreen/style.ts

@@ -1,5 +1,7 @@
 import styled, { createGlobalStyle } from 'styled-components';
 
+import { ToastContainer } from 'react-toastify';
+
 export const GlobalStyle = createGlobalStyle`
   body {
     background:white;
@@ -21,8 +23,6 @@ export const LogOutButton = styled.button`
   height: 50px;
 `;
 
-import { ToastContainer } from 'react-toastify';
-
 export const PopUp = styled(ToastContainer)`
   transform: translate(-150px, 250px);
 `;

src/components/Footer.tsx

@@ -1,6 +1,7 @@
 import Location from './Location';
 
 import { FooterDiv, ContactDiv } from '../styles/components';
+
 export default function Logo() {
   return (
     <main>

src/components/Location.tsx

@@ -1,9 +1,9 @@
 import { LocationDiv, Addie } from '../styles/components';
 
 export default function Logo(props: {
-  District: String;
-  Address: String;
-  Phone: String;
+  District: string;
+  Address: string;
+  Phone: string;
 }) {
   const { District, Address, Phone } = props;