diff --git a/.eslintrc.js b/.eslintrc.js
index f13e39a..c0410e5 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -21,9 +21,9 @@ module.exports = {
   },
   rules: {
     "@typescript-eslint/camelcase": ["off", { properties: "never" }],
-    "@typescript-eslint/quotes": ["error", "double"],
+    "@typescript-eslint/quotes": "off",
     camelcase: "off",
-    "comma-dangle": ["error", "never"],
+    "comma-dangle": "off",
     "no-extra-semi": 2,
     "no-irregular-whitespace": 2,
     "no-lonely-if": 2,
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 7a7b621..50a41d1 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -4,28 +4,28 @@ name: CI
 
 # Controls when the action will run.
 on:
-  # Triggers the workflow on push or pull request events but only for the master branch
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
+    # Triggers the workflow on push or pull request events but only for the master branch
+    push:
+        branches: [main]
+    pull_request:
+        branches: [main]
 
-  # Allows you to run this workflow manually from the Actions tab
-  workflow_dispatch:
+    # Allows you to run this workflow manually from the Actions tab
+    workflow_dispatch:
 
 # A workflow run is made up of one or more jobs that can run sequentially or in parallel
 jobs:
-  # This workflow contains a single job called "build"
-  build:
-    # The type of runner that the job will run on
-    runs-on: ubuntu-latest
+    # This workflow contains a single job called "build"
+    build:
+        # The type of runner that the job will run on
+        runs-on: ubuntu-latest
 
-    # Steps represent a sequence of tasks that will be executed as part of the job
-    steps:
-      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
-      - uses: actions/checkout@v2
+        # Steps represent a sequence of tasks that will be executed as part of the job
+        steps:
+            # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
+            - uses: actions/checkout@v2
 
-      - name: Build project
-        run: |
-          npm install
-          npm run build
+            - name: Build project
+              run: |
+                  npm install
+                  npm run build
diff --git a/.prettierrc b/.prettierrc
index b5f10b7..bb7c2e9 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,27 +1,27 @@
 {
-  "bracketSpacing": true,
-  "printWidth": 80,
-  "proseWrap": "preserve",
-  "semi": true,
-  "singleQuote": true,
-  "trailingComma": "all",
-  "tabWidth": 4,
-  "useTabs": true,
-  "arrowParens": "always",
-  "endOfLine": "lf",
-  "overrides": [
-      {
-          "files": "*.json",
-          "options": {
-              "singleQuote": false
-          }
-      },
-      {
-          "files": ".*rc",
-          "options": {
-              "singleQuote": false,
-              "parser": "json"
-          }
-      }
-  ]
-}
\ No newline at end of file
+	"bracketSpacing": true,
+	"printWidth": 80,
+	"proseWrap": "preserve",
+	"semi": true,
+	"singleQuote": true,
+	"trailingComma": "all",
+	"tabWidth": 4,
+	"useTabs": true,
+	"arrowParens": "always",
+	"endOfLine": "lf",
+	"overrides": [
+		{
+			"files": "*.json",
+			"options": {
+				"singleQuote": false
+			}
+		},
+		{
+			"files": ".*rc",
+			"options": {
+				"singleQuote": false,
+				"parser": "json"
+			}
+		}
+	]
+}
diff --git a/next.config.js b/next.config.js
index 6fa5aa5..5e3d601 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,13 +1,13 @@
 const backends = {
-  local: "http://localhost:4000",
-  development: "https://dev.backend.tartanhacks.com",
-  staging: "https://stg.backend.tartanhacks.com",
-  production: "https://backend.tartanhacks.com"
-}
+	local: 'http://localhost:4000',
+	development: 'https://dev.backend.tartanhacks.com',
+	staging: 'https://stg.backend.tartanhacks.com',
+	production: 'https://backend.tartanhacks.com',
+};
 module.exports = {
-  poweredByHeader: false,
-  reactStrictMode: false,
-  env: {
-    BACKEND_URL: backends[process.env.APP_ENV || "development"]
-  }
-}
+	poweredByHeader: false,
+	reactStrictMode: false,
+	env: {
+		BACKEND_URL: backends[process.env.APP_ENV || 'development'],
+	},
+};
diff --git a/pages/_app.tsx b/pages/_app.tsx
index fc9bd36..6badc4e 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,33 +1,33 @@
-import { StyledEngineProvider, ThemeProvider } from "@mui/material"
-import type { AppProps } from "next/app"
-import Head from "next/head"
-import { ReactElement } from "react"
-import { Provider } from "react-redux"
-import Script from "next/script"
-import store from "src/store"
-import { theme } from "src/themes/theme"
-import "styles/globals.scss"
+import { StyledEngineProvider, ThemeProvider } from '@mui/material';
+import type { AppProps } from 'next/app';
+import Head from 'next/head';
+import { ReactElement } from 'react';
+import { Provider } from 'react-redux';
+import Script from 'next/script';
+import store from 'src/store';
+import { theme } from 'src/themes/theme';
+import 'styles/globals.scss';
 
 const App = ({ Component, pageProps }: AppProps): ReactElement => {
-  return (
-    <>
-      <Head>
-        <title>TartanHacks</title>
-        {/* Disable cache control */}
-        <meta
-          httpEquiv="Cache-Control"
-          content="no-cache, no-store, must-revalidate"
-        />
-        <meta httpEquiv="Pragma" content="no-cache" />
-        <meta httpEquiv="Expires" content="0" />
-        <meta name="description" content="Register for TartanHacks" />
-        <link rel="icon" href="/favicon.png" />
-        <Script
-          async
-          src={`https://www.googletagmanager.com/gtag/js?id=${process.env.GOOGLE_ANALYTICS_ID}`}
-        ></Script>
-        <Script id="google-analytics" strategy="afterInteractive">
-          {`
+	return (
+		<>
+			<Head>
+				<title>TartanHacks</title>
+				{/* Disable cache control */}
+				<meta
+					httpEquiv="Cache-Control"
+					content="no-cache, no-store, must-revalidate"
+				/>
+				<meta httpEquiv="Pragma" content="no-cache" />
+				<meta httpEquiv="Expires" content="0" />
+				<meta name="description" content="Register for TartanHacks" />
+				<link rel="icon" href="/favicon.png" />
+				<Script
+					async
+					src={`https://www.googletagmanager.com/gtag/js?id=${process.env.GOOGLE_ANALYTICS_ID}`}
+				></Script>
+				<Script id="google-analytics" strategy="afterInteractive">
+					{`
           window.dataLayer = window.dataLayer || [];
           function gtag(){dataLayer.push(arguments);}
           gtag('js', new Date());
@@ -35,17 +35,17 @@ const App = ({ Component, pageProps }: AppProps): ReactElement => {
             page_path: window.location.pathname,
           });
           `}
-        </Script>
-      </Head>
-      <ThemeProvider theme={theme}>
-        <Provider store={store}>
-          <StyledEngineProvider injectFirst>
-            <Component {...pageProps} />
-          </StyledEngineProvider>
-        </Provider>
-      </ThemeProvider>
-    </>
-  )
-}
+				</Script>
+			</Head>
+			<ThemeProvider theme={theme}>
+				<Provider store={store}>
+					<StyledEngineProvider injectFirst>
+						<Component {...pageProps} />
+					</StyledEngineProvider>
+				</Provider>
+			</ThemeProvider>
+		</>
+	);
+};
 
-export default App
+export default App;
diff --git a/pages/_document.tsx b/pages/_document.tsx
index 0ce7485..02b342a 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -1,36 +1,49 @@
-import Document, { Head, Html, Main, NextScript } from "next/document"
-import React, { ReactElement } from "react"
-import { theme } from "src/themes/theme"
-import createEmotionServer from "@emotion/server/create-instance"
-import createEmotionCache from "src/util/createEmotionCache"
-import Script from "next/script"
+import Document, { Head, Html, Main, NextScript } from 'next/document';
+import React, { ReactElement } from 'react';
+import { theme } from 'src/themes/theme';
+import createEmotionServer from '@emotion/server/create-instance';
+import createEmotionCache from 'src/util/createEmotionCache';
+import Script from 'next/script';
 
 class MyDocument extends Document {
-  render(): ReactElement {
-    return (
-      <Html>
-        <Head>
-          <meta charSet={"utf-8"} />
-          <meta name="description" content="Register for TartanHacks" />
-          <meta name="theme-color" content={theme.palette.primary.main} />
-          <meta property="og:title" content="TartanHacks" />
-          <meta property="og:type" content="website" />
-          <meta
-            property={"og:url"}
-            content={"https://register.tartanhacks.com"}
-          />
-          <meta property="og:description" content="Register for TartanHacks" />
-          <link rel={"icon"} type={"image/x-icon"} href={"/favicon.png"} />
-        </Head>
-        <body>
-          <Main />
-          <NextScript />
-          <Script
-            src={`https://www.googletagmanager.com/gtag/js?id=${process.env.GOOGLE_ANALYTICS_ID}`}
-            strategy="afterInteractive"
-          />
-          <Script id="google-analytics" strategy="afterInteractive">
-            {`
+	render(): ReactElement {
+		return (
+			<Html>
+				<Head>
+					<meta charSet={'utf-8'} />
+					<meta
+						name="description"
+						content="Register for TartanHacks"
+					/>
+					<meta
+						name="theme-color"
+						content={theme.palette.primary.main}
+					/>
+					<meta property="og:title" content="TartanHacks" />
+					<meta property="og:type" content="website" />
+					<meta
+						property={'og:url'}
+						content={'https://register.tartanhacks.com'}
+					/>
+					<meta
+						property="og:description"
+						content="Register for TartanHacks"
+					/>
+					<link
+						rel={'icon'}
+						type={'image/x-icon'}
+						href={'/favicon.png'}
+					/>
+				</Head>
+				<body>
+					<Main />
+					<NextScript />
+					<Script
+						src={`https://www.googletagmanager.com/gtag/js?id=${process.env.GOOGLE_ANALYTICS_ID}`}
+						strategy="afterInteractive"
+					/>
+					<Script id="google-analytics" strategy="afterInteractive">
+						{`
             window.dataLayer = window.dataLayer || [];
             function gtag(){dataLayer.push(arguments);}
             gtag('js', new Date());
@@ -38,69 +51,69 @@ class MyDocument extends Document {
               page_path: window.location.pathname,
             });
             `}
-          </Script>
-        </body>
-      </Html>
-    )
-  }
+					</Script>
+				</body>
+			</Html>
+		);
+	}
 }
 
 // eslint-disable-next-line
 MyDocument.getInitialProps = async (ctx): Promise<any> => {
-  // Resolution order
-  //
-  // On the server:
-  // 1. app.getInitialProps
-  // 2. page.getInitialProps
-  // 3. document.getInitialProps
-  // 4. app.render
-  // 5. page.render
-  // 6. document.render
-  //
-  // On the server with error:
-  // 1. document.getInitialProps
-  // 2. app.render
-  // 3. page.render
-  // 4. document.render
-  //
-  // On the client
-  // 1. app.getInitialProps
-  // 2. page.getInitialProps
-  // 3. app.render
-  // 4. page.render
+	// Resolution order
+	//
+	// On the server:
+	// 1. app.getInitialProps
+	// 2. page.getInitialProps
+	// 3. document.getInitialProps
+	// 4. app.render
+	// 5. page.render
+	// 6. document.render
+	//
+	// On the server with error:
+	// 1. document.getInitialProps
+	// 2. app.render
+	// 3. page.render
+	// 4. document.render
+	//
+	// On the client
+	// 1. app.getInitialProps
+	// 2. page.getInitialProps
+	// 3. app.render
+	// 4. page.render
 
-  const originalRenderPage = ctx.renderPage
+	const originalRenderPage = ctx.renderPage;
 
-  // You can consider sharing the same Emotion cache between all the SSR requests to speed up performance.
-  // However, be aware that it can have global side effects.
-  const cache = createEmotionCache()
-  const { extractCriticalToChunks } = createEmotionServer(cache)
+	// You can consider sharing the same Emotion cache between all the SSR requests to speed up performance.
+	// However, be aware that it can have global side effects.
+	const cache = createEmotionCache();
+	const { extractCriticalToChunks } = createEmotionServer(cache);
 
-  ctx.renderPage = () =>
-    originalRenderPage({
-      enhanceApp: (App: any) =>
-        function EnhanceApp(props) {
-          return <App emotionCache={cache} {...props} />
-        }
-    })
+	ctx.renderPage = () =>
+		originalRenderPage({
+			enhanceApp: (App: any) =>
+				function EnhanceApp(props) {
+					return <App emotionCache={cache} {...props} />;
+				},
+		});
 
-  const initialProps = await Document.getInitialProps(ctx)
-  // This is important. It prevents Emotion to render invalid HTML.
-  // See https://github.com/mui/material-ui/issues/26561#issuecomment-855286153
-  const emotionStyles = extractCriticalToChunks(initialProps.html)
-  const emotionStyleTags = emotionStyles.styles.map((style) => (
-    <style
-      data-emotion={`${style.key} ${style.ids.join(" ")}`}
-      key={style.key}
-      // eslint-disable-next-line react/no-danger
-      dangerouslySetInnerHTML={{ __html: style.css }}
-    />
-  ))
+	const initialProps = await Document.getInitialProps(ctx);
+	// This is important. It prevents Emotion to render invalid HTML.
+	// See https://github.com/mui/material-ui/issues/26561#issuecomment-855286153
+	const emotionStyles = extractCriticalToChunks(initialProps.html);
+	const emotionStyleTags = emotionStyles.styles.map((style) => (
+		<style
+			data-emotion={`${style.key} ${style.ids.join(' ')}`}
+			key={style.key}
+			// eslint-disable-next-line react/no-danger
+			dangerouslySetInnerHTML={{ __html: style.css }}
+		/>
+	));
 
-  return {
-    ...initialProps,
-    emotionStyleTags
-  }
-}
+	return {
+		...initialProps,
+		emotionStyleTags,
+	};
+};
 
-export default MyDocument
+export default MyDocument;
diff --git a/pages/admin.tsx b/pages/admin.tsx
index 46676d3..e77075a 100644
--- a/pages/admin.tsx
+++ b/pages/admin.tsx
@@ -1,26 +1,26 @@
-import { NextPage } from "next"
-import { ReactElement } from "react"
-import AdminDialog from "src/components/admin/AdminDialog"
-import ScottyLabsHeader from "src/components/design/ScottyLabsHeader"
-import WaveBackground from "src/components/design/WaveBackground"
-import WaveHeader from "src/components/design/WaveHeader"
-import Menu from "src/components/menu/Menu"
-import AdminLayout from "src/layouts/AdminLayout"
-import styles from "styles/Home.module.scss"
+import { NextPage } from 'next';
+import { ReactElement } from 'react';
+import AdminDialog from 'src/components/admin/AdminDialog';
+import ScottyLabsHeader from 'src/components/design/ScottyLabsHeader';
+import WaveBackground from 'src/components/design/WaveBackground';
+import WaveHeader from 'src/components/design/WaveHeader';
+import Menu from 'src/components/menu/Menu';
+import AdminLayout from 'src/layouts/AdminLayout';
+import styles from 'styles/Home.module.scss';
 
 const AdminPage: NextPage = (): ReactElement => {
-  return (
-    <>
-      <WaveBackground />
-      <WaveHeader variant="light" />
-      <Menu />
-      <div>
-        <div className={styles.dialog}>
-          <AdminDialog />
-        </div>
-      </div>
-    </>
-  )
-}
+	return (
+		<>
+			<WaveBackground />
+			<WaveHeader variant="light" />
+			<Menu />
+			<div>
+				<div className={styles.dialog}>
+					<AdminDialog />
+				</div>
+			</div>
+		</>
+	);
+};
 
-export default AdminLayout(AdminPage)
+export default AdminLayout(AdminPage);
diff --git a/pages/apply.tsx b/pages/apply.tsx
index 3d0ce13..d17dcf2 100644
--- a/pages/apply.tsx
+++ b/pages/apply.tsx
@@ -1,25 +1,25 @@
-import { NextPage } from "next"
-import React, { ReactElement } from "react"
-import WaveBackground from "src/components/design/WaveBackground"
-import ApplicationForm from "src/components/form/ApplicationForm"
-import Menu from "src/components/menu/Menu"
-import { AuthenticatedLayout } from "src/layouts"
-import styles from "../styles/Apply.module.scss"
-import WaveHeader from "src/components/design/WaveHeader"
+import { NextPage } from 'next';
+import React, { ReactElement } from 'react';
+import WaveBackground from 'src/components/design/WaveBackground';
+import ApplicationForm from 'src/components/form/ApplicationForm';
+import Menu from 'src/components/menu/Menu';
+import { AuthenticatedLayout } from 'src/layouts';
+import styles from '../styles/Apply.module.scss';
+import WaveHeader from 'src/components/design/WaveHeader';
 
 const ApplicationPage: NextPage = (): ReactElement => {
-  return (
-    <>
-      <WaveBackground />
-      <Menu />
-      <WaveHeader variant="light" />
-      <div>
-        <div className={styles.background}>
-          <ApplicationForm />
-        </div>
-      </div>
-    </>
-  )
-}
+	return (
+		<>
+			<WaveBackground />
+			<Menu />
+			<WaveHeader variant="light" />
+			<div>
+				<div className={styles.background}>
+					<ApplicationForm />
+				</div>
+			</div>
+		</>
+	);
+};
 
-export default AuthenticatedLayout(ApplicationPage)
+export default AuthenticatedLayout(ApplicationPage);
diff --git a/pages/auth/reset/[token].tsx b/pages/auth/reset/[token].tsx
index ffcf692..d9a5c13 100644
--- a/pages/auth/reset/[token].tsx
+++ b/pages/auth/reset/[token].tsx
@@ -1,20 +1,20 @@
-import { useRouter } from "next/router"
-import PasswordResetDialog from "src/components/auth/PasswordResetDialog"
-import WaveHeader from "src/components/design/WaveHeader"
-import styles from "styles/Auth.module.scss"
+import { useRouter } from 'next/router';
+import PasswordResetDialog from 'src/components/auth/PasswordResetDialog';
+import WaveHeader from 'src/components/design/WaveHeader';
+import styles from 'styles/Auth.module.scss';
 
 const PasswordResetPage = () => {
-  const router = useRouter()
-  const { token } = router.query
+	const router = useRouter();
+	const { token } = router.query;
 
-  return (
-    <div>
-      <WaveHeader variant="dark" />
-      <div className={styles.dialog}>
-        <PasswordResetDialog token={token as string} />
-      </div>
-    </div>
-  )
-}
+	return (
+		<div>
+			<WaveHeader variant="dark" />
+			<div className={styles.dialog}>
+				<PasswordResetDialog token={token as string} />
+			</div>
+		</div>
+	);
+};
 
-export default PasswordResetPage
+export default PasswordResetPage;
diff --git a/pages/auth/verify/[token].tsx b/pages/auth/verify/[token].tsx
index e134eae..491a950 100644
--- a/pages/auth/verify/[token].tsx
+++ b/pages/auth/verify/[token].tsx
@@ -1,105 +1,112 @@
-import { CircularProgress, Collapse, Link, Typography } from "@mui/material"
-import AnalyticsEvent from "enums/AnalyticsEvent"
-import NextLink from "next/link"
-import { useRouter } from "next/router"
-import { ReactElement, useEffect, useState } from "react"
-import { useDispatch } from "react-redux"
-import actions from "src/actions"
-import RectangleButton from "src/components/design/RectangleButton"
-import WaveBackground from "src/components/design/WaveBackground"
-import WaveHeader from "src/components/design/WaveHeader"
-import styles from "styles/Verify.module.scss"
+import { CircularProgress, Collapse, Link, Typography } from '@mui/material';
+import AnalyticsEvent from 'enums/AnalyticsEvent';
+import NextLink from 'next/link';
+import { useRouter } from 'next/router';
+import { ReactElement, useEffect, useState } from 'react';
+import { useDispatch } from 'react-redux';
+import actions from 'src/actions';
+import RectangleButton from 'src/components/design/RectangleButton';
+import WaveBackground from 'src/components/design/WaveBackground';
+import WaveHeader from 'src/components/design/WaveHeader';
+import styles from 'styles/Verify.module.scss';
 
 const Verification = (): ReactElement => {
-  const dispatch = useDispatch()
-  const router = useRouter()
-  const { token } = router.query
-  const [loading, setLoading] = useState(true)
-  const [verificationStatus, setVerificationStatus] = useState("")
+	const dispatch = useDispatch();
+	const router = useRouter();
+	const { token } = router.query;
+	const [loading, setLoading] = useState(true);
+	const [verificationStatus, setVerificationStatus] = useState('');
 
-  useEffect(() => {
-    if (token === undefined) {
-      return
-    }
+	useEffect(() => {
+		if (token === undefined) {
+			return;
+		}
 
-    const verify = async () => {
-      try {
-        const { status } = await dispatch(actions.auth.verify(token as string))
-        console.log(status)
-        window.gtag("event", AnalyticsEvent.EMAIL_VERIFIED)
-        setVerificationStatus(status)
-      } catch (err: any) {
-        if (err.data === "Bad token") {
-          setVerificationStatus("FAILURE")
-        } else {
-          setVerificationStatus("EXPIRED")
-        }
-      } finally {
-        setLoading(false)
-      }
-    }
+		const verify = async () => {
+			try {
+				const { status } = await dispatch(
+					actions.auth.verify(token as string),
+				);
+				console.log(status);
+				window.gtag('event', AnalyticsEvent.EMAIL_VERIFIED);
+				setVerificationStatus(status);
+			} catch (err: any) {
+				if (err.data === 'Bad token') {
+					setVerificationStatus('FAILURE');
+				} else {
+					setVerificationStatus('EXPIRED');
+				}
+			} finally {
+				setLoading(false);
+			}
+		};
 
-    verify()
-  }, [token])
+		verify();
+	}, [token]);
 
-  const failure = (
-    <>
-      <Typography variant="h2">This is an invalid token</Typography>
-      <Typography variant="body1">Please request a new one</Typography>
-    </>
-  )
+	const failure = (
+		<>
+			<Typography variant="h2">This is an invalid token</Typography>
+			<Typography variant="body1">Please request a new one</Typography>
+		</>
+	);
 
-  const success = (
-    <>
-      <Typography variant="h2">You are verified!</Typography>
-      <br />
-      <NextLink href="/" passHref>
-        <Link underline="none">
-          <RectangleButton type="button" className={styles.backButton}>
-            Back to Home
-          </RectangleButton>
-        </Link>
-      </NextLink>
-    </>
-  )
+	const success = (
+		<>
+			<Typography variant="h2">You are verified!</Typography>
+			<br />
+			<NextLink href="/" passHref>
+				<Link underline="none">
+					<RectangleButton
+						type="button"
+						className={styles.backButton}
+					>
+						Back to Home
+					</RectangleButton>
+				</Link>
+			</NextLink>
+		</>
+	);
 
-  const expired = (
-    <>
-      <Typography variant="h2">This token has expired</Typography>
-      <Typography variant="body1">Please request a new one</Typography>
-    </>
-  )
+	const expired = (
+		<>
+			<Typography variant="h2">This token has expired</Typography>
+			<Typography variant="body1">Please request a new one</Typography>
+		</>
+	);
 
-  let dialogContent = failure
-  let dialogClass = styles.failure
-  if (verificationStatus === "SUCCESS") {
-    dialogContent = success
-    dialogClass = styles.success
-  } else if (verificationStatus === "EXPIRED") {
-    dialogContent = expired
-  }
-  if (loading) {
-    dialogClass = styles.loading
-  }
+	let dialogContent = failure;
+	let dialogClass = styles.failure;
+	if (verificationStatus === 'SUCCESS') {
+		dialogContent = success;
+		dialogClass = styles.success;
+	} else if (verificationStatus === 'EXPIRED') {
+		dialogContent = expired;
+	}
+	if (loading) {
+		dialogClass = styles.loading;
+	}
 
-  return (
-    <>
-      <WaveBackground />
-      <div>
-        <WaveHeader variant="light" />
-        <div className={styles.dialog}>
-          <div className={`${styles.dialogContent} ${dialogClass}`}>
-            <Collapse in={loading}>
-              <CircularProgress className={styles.spinner} />
-            </Collapse>
-            <Collapse in={!loading}>
-              <div className={styles.dialogText}>{dialogContent}</div>
-            </Collapse>
-          </div>
-        </div>
-      </div>
-    </>
-  )
-}
+	return (
+		<>
+			<WaveBackground />
+			<div>
+				<WaveHeader variant="light" />
+				<div className={styles.dialog}>
+					<div className={`${styles.dialogContent} ${dialogClass}`}>
+						<Collapse in={loading}>
+							<CircularProgress className={styles.spinner} />
+						</Collapse>
+						<Collapse in={!loading}>
+							<div className={styles.dialogText}>
+								{dialogContent}
+							</div>
+						</Collapse>
+					</div>
+				</div>
+			</div>
+		</>
+	);
+};
 
-export default Verification
+export default Verification;
diff --git a/pages/confirmation.tsx b/pages/confirmation.tsx
index f969e0e..4d08cea 100644
--- a/pages/confirmation.tsx
+++ b/pages/confirmation.tsx
@@ -1,44 +1,44 @@
-import { NextPage } from "next"
-import React, { ReactElement, useEffect, useState } from "react"
-import { AuthenticatedLayout, DialogLayout } from "src/layouts"
-import ConfirmationDialog from "src/components/confirmation/ConfirmationDialog"
-import Menu from "src/components/menu/Menu"
-import WaveBackground from "src/components/design/WaveBackground"
-import styles from "../styles/Confirmation.module.scss"
-import { useRouter } from "next/router"
-import { Status } from "enums/Status"
-import { useSelector } from "react-redux"
-import { RootState } from "types/RootState"
-import WaveHeader from "src/components/design/WaveHeader"
+import { NextPage } from 'next';
+import React, { ReactElement, useEffect, useState } from 'react';
+import { AuthenticatedLayout, DialogLayout } from 'src/layouts';
+import ConfirmationDialog from 'src/components/confirmation/ConfirmationDialog';
+import Menu from 'src/components/menu/Menu';
+import WaveBackground from 'src/components/design/WaveBackground';
+import styles from '../styles/Confirmation.module.scss';
+import { useRouter } from 'next/router';
+import { Status } from 'enums/Status';
+import { useSelector } from 'react-redux';
+import { RootState } from 'types/RootState';
+import WaveHeader from 'src/components/design/WaveHeader';
 
 const ConfirmationPage: NextPage = (): ReactElement => {
-  const status =
-    useSelector((state: RootState) => state?.accounts?.data?.status) ??
-    Status.UNVERIFIED
-  const router = useRouter()
-  const [isAuthorized, setIsAuthorized] = useState(false)
-  useEffect(() => {
-    if (status !== Status.ADMITTED) {
-      router.push("/")
-    } else {
-      setIsAuthorized(true)
-    }
-  }, [])
+	const status =
+		useSelector((state: RootState) => state?.accounts?.data?.status) ??
+		Status.UNVERIFIED;
+	const router = useRouter();
+	const [isAuthorized, setIsAuthorized] = useState(false);
+	useEffect(() => {
+		if (status !== Status.ADMITTED) {
+			router.push('/');
+		} else {
+			setIsAuthorized(true);
+		}
+	}, []);
 
-  if (!isAuthorized) {
-    return <></>
-  }
+	if (!isAuthorized) {
+		return <></>;
+	}
 
-  return (
-    <>
-      <WaveBackground />
-      <Menu />
-      <WaveHeader variant="light" />
-      <div className={styles.dialog}>
-        <ConfirmationDialog />
-      </div>
-    </>
-  )
-}
+	return (
+		<>
+			<WaveBackground />
+			<Menu />
+			<WaveHeader variant="light" />
+			<div className={styles.dialog}>
+				<ConfirmationDialog />
+			</div>
+		</>
+	);
+};
 
-export default AuthenticatedLayout(ConfirmationPage)
+export default AuthenticatedLayout(ConfirmationPage);
diff --git a/pages/forgot-password.tsx b/pages/forgot-password.tsx
index d227410..f8a621f 100644
--- a/pages/forgot-password.tsx
+++ b/pages/forgot-password.tsx
@@ -1,18 +1,18 @@
-import { NextPage } from "next"
-import { ReactElement } from "react"
-import PasswordResetDialog from "src/components/auth/RequestResetDialog"
-import WaveHeader from "src/components/design/WaveHeader"
-import styles from "../styles/Auth.module.scss"
+import { NextPage } from 'next';
+import { ReactElement } from 'react';
+import PasswordResetDialog from 'src/components/auth/RequestResetDialog';
+import WaveHeader from 'src/components/design/WaveHeader';
+import styles from '../styles/Auth.module.scss';
 
 const ForgotPasswordPage: NextPage = (): ReactElement => {
-  return (
-    <div>
-      <WaveHeader variant="dark" />
-      <div className={styles.dialog}>
-        <PasswordResetDialog />
-      </div>
-    </div>
-  )
-}
+	return (
+		<div>
+			<WaveHeader variant="dark" />
+			<div className={styles.dialog}>
+				<PasswordResetDialog />
+			</div>
+		</div>
+	);
+};
 
-export default ForgotPasswordPage
+export default ForgotPasswordPage;
diff --git a/pages/index.tsx b/pages/index.tsx
index bc54c6e..10fbcec 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,23 +1,23 @@
-import { NextPage } from "next"
-import { ReactElement } from "react"
-import DashboardDialog from "src/components/dashboard/DashboardDialog"
-import WaveBackground from "src/components/design/WaveBackground"
-import WaveHeader from "src/components/design/WaveHeader"
-import Menu from "src/components/menu/Menu"
-import { AuthenticatedLayout } from "src/layouts"
-import styles from "styles/Home.module.scss"
+import { NextPage } from 'next';
+import { ReactElement } from 'react';
+import DashboardDialog from 'src/components/dashboard/DashboardDialog';
+import WaveBackground from 'src/components/design/WaveBackground';
+import WaveHeader from 'src/components/design/WaveHeader';
+import Menu from 'src/components/menu/Menu';
+import { AuthenticatedLayout } from 'src/layouts';
+import styles from 'styles/Home.module.scss';
 
 const Home: NextPage = (): ReactElement => (
-  <>
-    <WaveBackground />
-    <Menu />
-    <WaveHeader variant="light" />
-    <div>
-      <div className={styles.dialog}>
-        <DashboardDialog />
-      </div>
-    </div>
-  </>
-)
+	<>
+		<WaveBackground />
+		<Menu />
+		<WaveHeader variant="light" />
+		<div>
+			<div className={styles.dialog}>
+				<DashboardDialog />
+			</div>
+		</div>
+	</>
+);
 
-export default AuthenticatedLayout(Home)
+export default AuthenticatedLayout(Home);
diff --git a/pages/login.tsx b/pages/login.tsx
index 2710c82..8bceb87 100644
--- a/pages/login.tsx
+++ b/pages/login.tsx
@@ -1,24 +1,24 @@
-import { Collapse, LinearProgress } from "@mui/material"
-import { deleteCookie } from "cookies-next"
-import { NextPage } from "next"
-import { ReactElement, useEffect } from "react"
-import AuthenticationDialog from "src/components/auth/AuthenticationDialog"
-import WaveHeader from "src/components/design/WaveHeader"
-import styles from "../styles/Auth.module.scss"
+import { Collapse, LinearProgress } from '@mui/material';
+import { deleteCookie } from 'cookies-next';
+import { NextPage } from 'next';
+import { ReactElement, useEffect } from 'react';
+import AuthenticationDialog from 'src/components/auth/AuthenticationDialog';
+import WaveHeader from 'src/components/design/WaveHeader';
+import styles from '../styles/Auth.module.scss';
 
 const LoginPage: NextPage = (): ReactElement => {
-  useEffect(() => {
-    window.localStorage.removeItem("accessToken")
-    deleteCookie("accessToken")
-  }, [])
-  return (
-    <div>
-      <WaveHeader variant="dark" />
-      <div className={styles.dialog}>
-        <AuthenticationDialog registration={false} />
-      </div>
-    </div>
-  )
-}
+	useEffect(() => {
+		window.localStorage.removeItem('accessToken');
+		deleteCookie('accessToken');
+	}, []);
+	return (
+		<div>
+			<WaveHeader variant="dark" />
+			<div className={styles.dialog}>
+				<AuthenticationDialog registration={false} />
+			</div>
+		</div>
+	);
+};
 
-export default LoginPage
+export default LoginPage;
diff --git a/pages/logout.tsx b/pages/logout.tsx
index ed15cf4..bc07307 100644
--- a/pages/logout.tsx
+++ b/pages/logout.tsx
@@ -1,19 +1,19 @@
-import { NextPage } from "next"
-import { useRouter } from "next/router"
-import React, { ReactElement, useEffect } from "react"
-import { deleteCookie } from "cookies-next"
+import { NextPage } from 'next';
+import { useRouter } from 'next/router';
+import React, { ReactElement, useEffect } from 'react';
+import { deleteCookie } from 'cookies-next';
 
 const Home: NextPage = (): ReactElement => {
-  const router = useRouter()
+	const router = useRouter();
 
-  useEffect(() => {
-    window.localStorage.removeItem("accessToken")
-    deleteCookie("accessToken")
+	useEffect(() => {
+		window.localStorage.removeItem('accessToken');
+		deleteCookie('accessToken');
 
-    router.push("/login")
-  }, [])
+		router.push('/login');
+	}, []);
 
-  return <></>
-}
+	return <></>;
+};
 
-export default Home
+export default Home;
diff --git a/pages/messages.tsx b/pages/messages.tsx
index f1a6912..26b890b 100644
--- a/pages/messages.tsx
+++ b/pages/messages.tsx
@@ -1,39 +1,41 @@
-import { Snackbar } from "@mui/material"
-import { Alert } from "@mui/material"
-import React, { useState } from "react"
-import { useSelector } from "react-redux"
-import WaveFooter from "src/components/design/WaveFooter"
-import WaveHeader from "src/components/design/WaveHeader"
-import Menu from "src/components/menu/Menu"
-import MessagesDialog from "src/components/teams/messages/MessagesDialog"
-import { AuthenticatedLayout } from "src/layouts"
-import { RootState } from "types/RootState"
+import { Snackbar } from '@mui/material';
+import { Alert } from '@mui/material';
+import React, { useState } from 'react';
+import { useSelector } from 'react-redux';
+import WaveFooter from 'src/components/design/WaveFooter';
+import WaveHeader from 'src/components/design/WaveHeader';
+import Menu from 'src/components/menu/Menu';
+import MessagesDialog from 'src/components/teams/messages/MessagesDialog';
+import { AuthenticatedLayout } from 'src/layouts';
+import { RootState } from 'types/RootState';
 
 const Messages = () => {
-  const errorMessage = useSelector((state: RootState) => state?.requests?.error)
-  const [notify, setNotify] = useState("")
-  const [successMessage, setSuccessMessage] = useState("")
+	const errorMessage = useSelector(
+		(state: RootState) => state?.requests?.error,
+	);
+	const [notify, setNotify] = useState('');
+	const [successMessage, setSuccessMessage] = useState('');
 
-  return (
-    <>
-      <Menu />
-      <WaveHeader variant="light" />
-      <div>
-        <WaveFooter />
-        <MessagesDialog setSuccessMessage={setSuccessMessage} />
-        <Snackbar
-          open={notify != ""}
-          autoHideDuration={5000}
-          onClose={(e) => setNotify("")}
-          anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
-        >
-          <Alert severity={notify === "error" ? "error" : "success"}>
-            {notify === "error" ? errorMessage : successMessage}
-          </Alert>
-        </Snackbar>
-      </div>
-    </>
-  )
-}
+	return (
+		<>
+			<Menu />
+			<WaveHeader variant="light" />
+			<div>
+				<WaveFooter />
+				<MessagesDialog setSuccessMessage={setSuccessMessage} />
+				<Snackbar
+					open={notify != ''}
+					autoHideDuration={5000}
+					onClose={(e) => setNotify('')}
+					anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+				>
+					<Alert severity={notify === 'error' ? 'error' : 'success'}>
+						{notify === 'error' ? errorMessage : successMessage}
+					</Alert>
+				</Snackbar>
+			</div>
+		</>
+	);
+};
 
-export default AuthenticatedLayout(Messages)
+export default AuthenticatedLayout(Messages);
diff --git a/pages/register.tsx b/pages/register.tsx
index 62ab307..cd1800d 100644
--- a/pages/register.tsx
+++ b/pages/register.tsx
@@ -1,23 +1,23 @@
-import { deleteCookie } from "cookies-next"
-import { NextPage } from "next"
-import { ReactElement, useEffect } from "react"
-import AuthenticationDialog from "src/components/auth/AuthenticationDialog"
-import WaveHeader from "src/components/design/WaveHeader"
-import styles from "../styles/Auth.module.scss"
+import { deleteCookie } from 'cookies-next';
+import { NextPage } from 'next';
+import { ReactElement, useEffect } from 'react';
+import AuthenticationDialog from 'src/components/auth/AuthenticationDialog';
+import WaveHeader from 'src/components/design/WaveHeader';
+import styles from '../styles/Auth.module.scss';
 
 const RegisterPage: NextPage = (): ReactElement => {
-  useEffect(() => {
-    window.localStorage.removeItem("accessToken")
-    deleteCookie("accessToken")
-  }, [])
-  return (
-    <div>
-      <WaveHeader variant="dark" />
-      <div className={styles.dialog}>
-        <AuthenticationDialog registration={true} />
-      </div>
-    </div>
-  )
-}
+	useEffect(() => {
+		window.localStorage.removeItem('accessToken');
+		deleteCookie('accessToken');
+	}, []);
+	return (
+		<div>
+			<WaveHeader variant="dark" />
+			<div className={styles.dialog}>
+				<AuthenticationDialog registration={true} />
+			</div>
+		</div>
+	);
+};
 
-export default RegisterPage
+export default RegisterPage;
diff --git a/pages/teams.tsx b/pages/teams.tsx
index 18a1281..c1a1f89 100644
--- a/pages/teams.tsx
+++ b/pages/teams.tsx
@@ -1,22 +1,27 @@
-import { CircularProgress, Collapse, Snackbar, Typography } from "@mui/material"
-import { Alert } from "@mui/material"
-import { AxiosError } from "axios"
-import { useRouter } from "next/dist/client/router"
-import React, { useEffect, useState } from "react"
-import { useSelector } from "react-redux"
-import actions from "src/actions"
-import ContentHeader from "src/components/design/ContentHeader"
-import FloatingDiv from "src/components/design/FloatingDiv"
-import RectangleButton from "src/components/design/RectangleButton"
-import WaveFooter from "src/components/design/WaveFooter"
-import Menu from "src/components/menu/Menu"
-import TeamTableEntry from "src/components/teams/TeamTableEntry"
-import fetchData from "src/util/fetcher"
-import { RootState } from "types/RootState"
-import { SSRDataAuth, TeamData } from "types/SSRData"
-import { Team } from "types/Team"
-import styles from "styles/ViewTeams.module.scss"
-import WaveHeader from "src/components/design/WaveHeader"
+import {
+	CircularProgress,
+	Collapse,
+	Snackbar,
+	Typography,
+} from '@mui/material';
+import { Alert } from '@mui/material';
+import { AxiosError } from 'axios';
+import { useRouter } from 'next/dist/client/router';
+import React, { useEffect, useState } from 'react';
+import { useSelector } from 'react-redux';
+import actions from 'src/actions';
+import ContentHeader from 'src/components/design/ContentHeader';
+import FloatingDiv from 'src/components/design/FloatingDiv';
+import RectangleButton from 'src/components/design/RectangleButton';
+import WaveFooter from 'src/components/design/WaveFooter';
+import Menu from 'src/components/menu/Menu';
+import TeamTableEntry from 'src/components/teams/TeamTableEntry';
+import fetchData from 'src/util/fetcher';
+import { RootState } from 'types/RootState';
+import { SSRDataAuth, TeamData } from 'types/SSRData';
+import { Team } from 'types/Team';
+import styles from 'styles/ViewTeams.module.scss';
+import WaveHeader from 'src/components/design/WaveHeader';
 
 /**
  * get a user's team (if exists, else null), and, if the user has not team,
@@ -27,184 +32,196 @@ import WaveHeader from "src/components/design/WaveHeader"
  * (for authenticated users)
  */
 export async function getServerSideProps(
-  context: any
+	context: any,
 ): Promise<SSRDataAuth<TeamData>> {
-  const accessToken: string = context.req.cookies["accessToken"]
-  if (accessToken === undefined) {
-    // not authenticated
-    return {
-      props: { isAuth: false }
-    }
-  }
-  // prevents exception from being thrown if the user is not in a team
-  const ownTeamOrNull = async () => {
-    try {
-      // get user's team
-      const ownTeam = (await fetchData(
-        actions.user.getOwnTeam(),
-        accessToken
-      )) as Team
-      // if no exception thrown, then the user has a team
-      return ownTeam
-    } catch (error) {
-      return null
-    }
-  }
-  try {
-    const [ownTeam, teams] = await Promise.all([
-      ownTeamOrNull(),
-      fetchData(actions.teams.viewTeams(), accessToken) as Promise<Array<Team>>
-    ])
-    if (ownTeam !== null) {
-      // has a team
-      return {
-        props: {
-          isAuth: true,
-          data: {
-            isInTeam: true,
-            ownTeam: ownTeam
-          }
-        }
-      }
-    }
-    // doesn't have a team - return list of teams
-    return {
-      props: {
-        isAuth: true,
-        data: {
-          isInTeam: false,
-          teams: teams
-        }
-      }
-    }
-  } catch (error) {
-    // request to /teams failed
-    if (
-      (error as AxiosError).isAxiosError === true &&
-      (error as AxiosError).response?.status === 403
-    ) {
-      // not authenticated
-      return {
-        props: { isAuth: false }
-      }
-    }
-    // some unexpected error - redirect to 500 page
-    throw error
-  }
+	const accessToken: string = context.req.cookies['accessToken'];
+	if (accessToken === undefined) {
+		// not authenticated
+		return {
+			props: { isAuth: false },
+		};
+	}
+	// prevents exception from being thrown if the user is not in a team
+	const ownTeamOrNull = async () => {
+		try {
+			// get user's team
+			const ownTeam = (await fetchData(
+				actions.user.getOwnTeam(),
+				accessToken,
+			)) as Team;
+			// if no exception thrown, then the user has a team
+			return ownTeam;
+		} catch (error) {
+			return null;
+		}
+	};
+	try {
+		const [ownTeam, teams] = await Promise.all([
+			ownTeamOrNull(),
+			fetchData(actions.teams.viewTeams(), accessToken) as Promise<
+				Array<Team>
+			>,
+		]);
+		if (ownTeam !== null) {
+			// has a team
+			return {
+				props: {
+					isAuth: true,
+					data: {
+						isInTeam: true,
+						ownTeam: ownTeam,
+					},
+				},
+			};
+		}
+		// doesn't have a team - return list of teams
+		return {
+			props: {
+				isAuth: true,
+				data: {
+					isInTeam: false,
+					teams: teams,
+				},
+			},
+		};
+	} catch (error) {
+		// request to /teams failed
+		if (
+			(error as AxiosError).isAxiosError === true &&
+			(error as AxiosError).response?.status === 403
+		) {
+			// not authenticated
+			return {
+				props: { isAuth: false },
+			};
+		}
+		// some unexpected error - redirect to 500 page
+		throw error;
+	}
 }
 
-export default function ViewTeams(props: SSRDataAuth<TeamData>["props"]) {
-  const router = useRouter()
-  const [notify, setNotify] = useState("")
-  const [successMessage, setSuccessMessage] = useState("")
-  const [loading, setLoading] = useState(true)
+export default function ViewTeams(props: SSRDataAuth<TeamData>['props']) {
+	const router = useRouter();
+	const [notify, setNotify] = useState('');
+	const [successMessage, setSuccessMessage] = useState('');
+	const [loading, setLoading] = useState(true);
 
-  const errorMessage = useSelector((state: RootState) => state?.teams?.error)
+	const errorMessage = useSelector((state: RootState) => state?.teams?.error);
 
-  const teams = props.data?.teams ?? []
+	const teams = props.data?.teams ?? [];
 
-  const checkJoinErrorCallback = (isError: boolean) => {
-    setNotify(isError ? "error" : "success")
-    if (!isError) {
-      setSuccessMessage("Join request sent successfully")
-    }
-  }
+	const checkJoinErrorCallback = (isError: boolean) => {
+		setNotify(isError ? 'error' : 'success');
+		if (!isError) {
+			setSuccessMessage('Join request sent successfully');
+		}
+	};
 
-  useEffect(() => {
-    setLoading(true)
-    if (!props.isAuth) {
-      // if user is not authenticated, redirect to login
-      router.push("/login")
-    } else if (props.data?.isInTeam) {
-      // open team page if user is in a team
-      router.push("/teams/details/" + props.data.ownTeam!._id)
-    } else {
-      setLoading(false)
-    }
-  }, [])
+	useEffect(() => {
+		setLoading(true);
+		if (!props.isAuth) {
+			// if user is not authenticated, redirect to login
+			router.push('/login');
+		} else if (props.data?.isInTeam) {
+			// open team page if user is in a team
+			router.push('/teams/details/' + props.data.ownTeam!._id);
+		} else {
+			setLoading(false);
+		}
+	}, []);
 
-  if (!props.isAuth) {
-    // don't show UI if the user is unauthenticated (before the redirect)
-    return <></>
-  }
-  let emptyMessage = null
-  if (!loading && teams.length === 0) {
-    emptyMessage = (
-      <div className={styles.statusMessageContainer}>
-        <Typography variant="body1" className={styles.noTeamsText}>
-          There are no open teams
-        </Typography>
-      </div>
-    )
-  }
+	if (!props.isAuth) {
+		// don't show UI if the user is unauthenticated (before the redirect)
+		return <></>;
+	}
+	let emptyMessage = null;
+	if (!loading && teams.length === 0) {
+		emptyMessage = (
+			<div className={styles.statusMessageContainer}>
+				<Typography variant="body1" className={styles.noTeamsText}>
+					There are no open teams
+				</Typography>
+			</div>
+		);
+	}
 
-  return (
-    <>
-      <Menu />
-      <WaveHeader variant="light" />
-      <div>
-        <WaveFooter />
-        <FloatingDiv>
-          <ContentHeader title="Team" />
-          {!loading ? (
-            <form
-              className={styles.buttonForm}
-              onClick={async (e) => {
-                e.preventDefault()
-                router.push("/teams/create")
-              }}
-            >
-              <RectangleButton type="submit" className={styles.newTeamButton}>
-                Create new team
-              </RectangleButton>
-            </form>
-          ) : null}
-          <Collapse in={loading}>
-            <div className={styles.spinnerContainer}>
-              <CircularProgress />
-            </div>
-          </Collapse>
-          <div className={styles.tableHeader}>
-            <Typography variant="h4" className={styles.tableHeaderText}>
-              Open Teams
-            </Typography>
-          </div>
-          {emptyMessage}
-          <table className={styles.tableData}>
-            <tbody>
-              {teams
-                .sort((a, b) => +a._id - +b._id)
-                .map((team, idx) => (
-                  <TeamTableEntry
-                    team={team}
-                    key={idx}
-                    callback={checkJoinErrorCallback}
-                  />
-                ))}
-            </tbody>
-          </table>
-        </FloatingDiv>
-        <Snackbar
-          open={notify === "error" || notify === "success"}
-          autoHideDuration={5000}
-          onClose={(e) =>
-            setNotify(notify === "error" ? "error_close" : "success_close")
-          }
-          anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
-        >
-          <Alert
-            severity={
-              notify === "error" || notify === "error_close"
-                ? "error"
-                : "success"
-            }
-          >
-            {notify == "error" || notify === "error_close"
-              ? errorMessage
-              : successMessage}
-          </Alert>
-        </Snackbar>
-      </div>
-    </>
-  )
+	return (
+		<>
+			<Menu />
+			<WaveHeader variant="light" />
+			<div>
+				<WaveFooter />
+				<FloatingDiv>
+					<ContentHeader title="Team" />
+					{!loading ? (
+						<form
+							className={styles.buttonForm}
+							onClick={async (e) => {
+								e.preventDefault();
+								router.push('/teams/create');
+							}}
+						>
+							<RectangleButton
+								type="submit"
+								className={styles.newTeamButton}
+							>
+								Create new team
+							</RectangleButton>
+						</form>
+					) : null}
+					<Collapse in={loading}>
+						<div className={styles.spinnerContainer}>
+							<CircularProgress />
+						</div>
+					</Collapse>
+					<div className={styles.tableHeader}>
+						<Typography
+							variant="h4"
+							className={styles.tableHeaderText}
+						>
+							Open Teams
+						</Typography>
+					</div>
+					{emptyMessage}
+					<table className={styles.tableData}>
+						<tbody>
+							{teams
+								.sort((a, b) => +a._id - +b._id)
+								.map((team, idx) => (
+									<TeamTableEntry
+										team={team}
+										key={idx}
+										callback={checkJoinErrorCallback}
+									/>
+								))}
+						</tbody>
+					</table>
+				</FloatingDiv>
+				<Snackbar
+					open={notify === 'error' || notify === 'success'}
+					autoHideDuration={5000}
+					onClose={(e) =>
+						setNotify(
+							notify === 'error'
+								? 'error_close'
+								: 'success_close',
+						)
+					}
+					anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+				>
+					<Alert
+						severity={
+							notify === 'error' || notify === 'error_close'
+								? 'error'
+								: 'success'
+						}
+					>
+						{notify == 'error' || notify === 'error_close'
+							? errorMessage
+							: successMessage}
+					</Alert>
+				</Snackbar>
+			</div>
+		</>
+	);
 }
diff --git a/pages/teams/create.tsx b/pages/teams/create.tsx
index 05421d0..a7f17a5 100644
--- a/pages/teams/create.tsx
+++ b/pages/teams/create.tsx
@@ -1,145 +1,177 @@
-import { Snackbar, TextField, Typography } from "@mui/material"
-import { Alert } from "@mui/material"
-import { useRouter } from "next/router"
-import { useState } from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import BackButton from "src/components/design/BackButton"
-import ContentHeader from "src/components/design/ContentHeader"
-import FloatingDiv from "src/components/design/FloatingDiv"
-import RectangleButton from "src/components/design/RectangleButton"
-import WaveFooter from "src/components/design/WaveFooter"
-import WaveHeader from "src/components/design/WaveHeader"
-import Menu from "src/components/menu/Menu"
-import { AuthenticatedLayout } from "src/layouts"
-import styles from "styles/CreateTeam.module.scss"
-import { RootState } from "types/RootState"
+import { Snackbar, TextField, Typography } from '@mui/material';
+import { Alert } from '@mui/material';
+import { useRouter } from 'next/router';
+import { useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import BackButton from 'src/components/design/BackButton';
+import ContentHeader from 'src/components/design/ContentHeader';
+import FloatingDiv from 'src/components/design/FloatingDiv';
+import RectangleButton from 'src/components/design/RectangleButton';
+import WaveFooter from 'src/components/design/WaveFooter';
+import WaveHeader from 'src/components/design/WaveHeader';
+import Menu from 'src/components/menu/Menu';
+import { AuthenticatedLayout } from 'src/layouts';
+import styles from 'styles/CreateTeam.module.scss';
+import { RootState } from 'types/RootState';
 
 const TeamCreate = () => {
-  const dispatch = useDispatch()
-  const router = useRouter()
-  const [teamName, setTeamName] = useState("")
-  const [teamDescription, setTeamDescription] = useState("")
-  const [addMembers, setAddMembers] = useState<any>([])
-  const [error, setError] = useState(false)
-  const errorMessage = useSelector((state: RootState) => state?.teams?.error)
+	const dispatch = useDispatch();
+	const router = useRouter();
+	const [teamName, setTeamName] = useState('');
+	const [teamDescription, setTeamDescription] = useState('');
+	const [addMembers, setAddMembers] = useState<any>([]);
+	const [error, setError] = useState(false);
+	const errorMessage = useSelector((state: RootState) => state?.teams?.error);
 
-  return (
-    <>
-      <Menu />
-      <div>
-        <WaveHeader variant="light" />
-        <WaveFooter />
-        <FloatingDiv>
-          <div>
-            <BackButton link="/teams" className={styles.backButton} />
-          </div>
-          <ContentHeader title="Create New Team" longTitle={true} />
-          <div className={styles.content}>
-            <Typography variant="h4" className={styles.title}>
-              Basic Info
-            </Typography>
-            <form
-              onSubmit={async (e) => {
-                e.preventDefault()
-                try {
-                  await dispatch(
-                    actions.teams.createTeam(teamName, teamDescription)
-                  )
-                  if (addMembers) {
-                    addMembers.forEach(async (elem: string) => {
-                      try {
-                        await dispatch(actions.teams.inviteByEmail(elem))
-                      } catch (err) {
-                        setError(true)
-                      }
-                    })
-                  }
-                  router.push("/teams")
-                } catch (err) {
-                  setError(true)
-                }
-              }}
-            >
-              <Typography variant="subtitle1" className={styles.annotation}>
-                Team Name*
-              </Typography>
-              <TextField
-                required
-                variant="outlined"
-                placeholder="Your team's name"
-                fullWidth={true}
-                value={teamName}
-                className={styles.textField}
-                InputProps={{
-                  className: styles.textFieldInput,
-                  classes: { notchedOutline: styles.textFieldInput }
-                }}
-                onChange={(e) => {
-                  setTeamName(e.target.value)
-                }}
-              />
+	return (
+		<>
+			<Menu />
+			<div>
+				<WaveHeader variant="light" />
+				<WaveFooter />
+				<FloatingDiv>
+					<div>
+						<BackButton
+							link="/teams"
+							className={styles.backButton}
+						/>
+					</div>
+					<ContentHeader title="Create New Team" longTitle={true} />
+					<div className={styles.content}>
+						<Typography variant="h4" className={styles.title}>
+							Basic Info
+						</Typography>
+						<form
+							onSubmit={async (e) => {
+								e.preventDefault();
+								try {
+									await dispatch(
+										actions.teams.createTeam(
+											teamName,
+											teamDescription,
+										),
+									);
+									if (addMembers) {
+										addMembers.forEach(
+											async (elem: string) => {
+												try {
+													await dispatch(
+														actions.teams.inviteByEmail(
+															elem,
+														),
+													);
+												} catch (err) {
+													setError(true);
+												}
+											},
+										);
+									}
+									router.push('/teams');
+								} catch (err) {
+									setError(true);
+								}
+							}}
+						>
+							<Typography
+								variant="subtitle1"
+								className={styles.annotation}
+							>
+								Team Name*
+							</Typography>
+							<TextField
+								required
+								variant="outlined"
+								placeholder="Your team's name"
+								fullWidth={true}
+								value={teamName}
+								className={styles.textField}
+								InputProps={{
+									className: styles.textFieldInput,
+									classes: {
+										notchedOutline: styles.textFieldInput,
+									},
+								}}
+								onChange={(e) => {
+									setTeamName(e.target.value);
+								}}
+							/>
 
-              <Typography variant="subtitle1" className={styles.annotation}>
-                Team Description*
-              </Typography>
-              <TextField
-                required
-                variant="outlined"
-                placeholder="Your team's description"
-                fullWidth={true}
-                value={teamDescription}
-                className={styles.textField}
-                InputProps={{
-                  className: styles.textFieldInput,
-                  classes: { notchedOutline: styles.textFieldInput }
-                }}
-                onChange={(e) => {
-                  setTeamDescription(e.target.value)
-                }}
-              />
+							<Typography
+								variant="subtitle1"
+								className={styles.annotation}
+							>
+								Team Description*
+							</Typography>
+							<TextField
+								required
+								variant="outlined"
+								placeholder="Your team's description"
+								fullWidth={true}
+								value={teamDescription}
+								className={styles.textField}
+								InputProps={{
+									className: styles.textFieldInput,
+									classes: {
+										notchedOutline: styles.textFieldInput,
+									},
+								}}
+								onChange={(e) => {
+									setTeamDescription(e.target.value);
+								}}
+							/>
 
-              <Typography variant="subtitle1" className={styles.annotation}>
-                Invite New Member
-              </Typography>
-              <TextField
-                variant="outlined"
-                placeholder={
-                  "e.g. user@example.com\n        teammate@tartanhacks.cmu.edu"
-                }
-                fullWidth={true}
-                className={styles.textField}
-                multiline
-                InputProps={{
-                  className: styles.textFieldInput,
-                  classes: { notchedOutline: styles.textFieldInput }
-                }}
-                onChange={(e) => {
-                  setAddMembers(
-                    e.target.value
-                      .split("\n")
-                      .filter((elem: string) => elem !== "")
-                      .map((elem: string) => elem.trim())
-                  )
-                }}
-              />
-              <RectangleButton type="submit" className={styles.createButton}>
-                CREATE NEW TEAM
-              </RectangleButton>
-            </form>
-          </div>
-        </FloatingDiv>
-      </div>
-      <Snackbar
-        open={error}
-        autoHideDuration={5000}
-        onClose={(e) => setError(false)}
-        anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
-      >
-        <Alert severity="error">{errorMessage}</Alert>
-      </Snackbar>
-    </>
-  )
-}
+							<Typography
+								variant="subtitle1"
+								className={styles.annotation}
+							>
+								Invite New Member
+							</Typography>
+							<TextField
+								variant="outlined"
+								placeholder={
+									'e.g. user@example.com\n        teammate@tartanhacks.cmu.edu'
+								}
+								fullWidth={true}
+								className={styles.textField}
+								multiline
+								InputProps={{
+									className: styles.textFieldInput,
+									classes: {
+										notchedOutline: styles.textFieldInput,
+									},
+								}}
+								onChange={(e) => {
+									setAddMembers(
+										e.target.value
+											.split('\n')
+											.filter(
+												(elem: string) => elem !== '',
+											)
+											.map((elem: string) => elem.trim()),
+									);
+								}}
+							/>
+							<RectangleButton
+								type="submit"
+								className={styles.createButton}
+							>
+								CREATE NEW TEAM
+							</RectangleButton>
+						</form>
+					</div>
+				</FloatingDiv>
+			</div>
+			<Snackbar
+				open={error}
+				autoHideDuration={5000}
+				onClose={(e) => setError(false)}
+				anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+			>
+				<Alert severity="error">{errorMessage}</Alert>
+			</Snackbar>
+		</>
+	);
+};
 
-export default AuthenticatedLayout(TeamCreate)
+export default AuthenticatedLayout(TeamCreate);
diff --git a/pages/teams/details/[teamId].tsx b/pages/teams/details/[teamId].tsx
index 1d0f6fc..2e9d6be 100644
--- a/pages/teams/details/[teamId].tsx
+++ b/pages/teams/details/[teamId].tsx
@@ -1,412 +1,458 @@
 import {
-  Typography,
-  Snackbar,
-  Dialog,
-  DialogTitle,
-  DialogActions,
-  DialogContent,
-  Button,
-  TextField,
-  Collapse,
-  CircularProgress
-} from "@mui/material"
-import React, { useEffect, useState } from "react"
-import { useRouter } from "next/router"
-import { useDispatch } from "react-redux"
-import actions from "src/actions"
-import { AuthenticatedLayout } from "src/layouts"
-import WaveFooter from "src/components/design/WaveFooter"
-import FloatingDiv from "src/components/design/FloatingDiv"
-import ContentHeader from "src/components/design/ContentHeader"
-import RectangleButton from "src/components/design/RectangleButton"
-import { useSelector } from "react-redux"
-import { RootState } from "types/RootState"
-import { Alert } from "@mui/material"
-import Menu from "src/components/menu/Menu"
-import BackButton from "src/components/design/BackButton"
-import styles from "styles/ViewTeam.module.scss"
-import WaveHeader from "src/components/design/WaveHeader"
+	Typography,
+	Snackbar,
+	Dialog,
+	DialogTitle,
+	DialogActions,
+	DialogContent,
+	Button,
+	TextField,
+	Collapse,
+	CircularProgress,
+} from '@mui/material';
+import React, { useEffect, useState } from 'react';
+import { useRouter } from 'next/router';
+import { useDispatch } from 'react-redux';
+import actions from 'src/actions';
+import { AuthenticatedLayout } from 'src/layouts';
+import WaveFooter from 'src/components/design/WaveFooter';
+import FloatingDiv from 'src/components/design/FloatingDiv';
+import ContentHeader from 'src/components/design/ContentHeader';
+import RectangleButton from 'src/components/design/RectangleButton';
+import { useSelector } from 'react-redux';
+import { RootState } from 'types/RootState';
+import { Alert } from '@mui/material';
+import Menu from 'src/components/menu/Menu';
+import BackButton from 'src/components/design/BackButton';
+import styles from 'styles/ViewTeam.module.scss';
+import WaveHeader from 'src/components/design/WaveHeader';
 
 enum dialogOpen {
-  No,
-  Name,
-  Description,
-  Invite
+	No,
+	Name,
+	Description,
+	Invite,
 }
 
 const TeamDescription = () => {
-  const dispatch = useDispatch()
-  const router = useRouter()
-  const { teamId } = router.query
-  const [teamInfo, setTeamInfo] = useState({
-    _id: "",
-    members: [],
-    visible: true,
-    event: "",
-    name: "",
-    description: "",
-    admin: {},
-    createdAt: "",
-    updatedAt: "",
-    __v: 0
-  })
-  const [ownTeamFetched, setOwnTeamFetched] = useState(false)
-  const [notify, setNotify] = useState("")
-  const [successMessage, setSuccessMessage] = useState("")
-  const [isOwnTeam, setIsOwnTeam] = useState(false)
-  const errorMessage = useSelector((state: RootState) => state?.teams?.error)
-  const [joinErrorMessage, setJoinErrorMessage] = useState(errorMessage)
-  const user = useSelector((state: RootState) => state?.accounts?.data)
-  const [isCaptain, setIsCaptain] = useState(false)
-  const [open, setOpen] = useState(dialogOpen.No)
-  const [changedName, setChangedName] = useState("")
-  const [changedDescription, setChangedDescription] = useState("")
-  const [invitations, setInvitations] = useState<any>([])
+	const dispatch = useDispatch();
+	const router = useRouter();
+	const { teamId } = router.query;
+	const [teamInfo, setTeamInfo] = useState({
+		_id: '',
+		members: [],
+		visible: true,
+		event: '',
+		name: '',
+		description: '',
+		admin: {},
+		createdAt: '',
+		updatedAt: '',
+		__v: 0,
+	});
+	const [ownTeamFetched, setOwnTeamFetched] = useState(false);
+	const [notify, setNotify] = useState('');
+	const [successMessage, setSuccessMessage] = useState('');
+	const [isOwnTeam, setIsOwnTeam] = useState(false);
+	const errorMessage = useSelector((state: RootState) => state?.teams?.error);
+	const [joinErrorMessage, setJoinErrorMessage] = useState(errorMessage);
+	const user = useSelector((state: RootState) => state?.accounts?.data);
+	const [isCaptain, setIsCaptain] = useState(false);
+	const [open, setOpen] = useState(dialogOpen.No);
+	const [changedName, setChangedName] = useState('');
+	const [changedDescription, setChangedDescription] = useState('');
+	const [invitations, setInvitations] = useState<any>([]);
 
-  const [loading, setLoading] = useState(true)
+	const [loading, setLoading] = useState(true);
 
-  const handleClose = () => {
-    setOpen(dialogOpen.No)
-    setChangedName(teamInfo.name)
-    setChangedDescription(teamInfo.description)
-    setInvitations([])
-  }
+	const handleClose = () => {
+		setOpen(dialogOpen.No);
+		setChangedName(teamInfo.name);
+		setChangedDescription(teamInfo.description);
+		setInvitations([]);
+	};
 
-  const handleCloseName = async () => {
-    setOpen(dialogOpen.No)
-    try {
-      await dispatch(
-        actions.teams.editTeamInfo(changedName, undefined, undefined)
-      )
-      setTeamInfo({
-        ...teamInfo,
-        name: changedName
-      })
-    } catch (err) {
-      setNotify("error")
-    }
-  }
+	const handleCloseName = async () => {
+		setOpen(dialogOpen.No);
+		try {
+			await dispatch(
+				actions.teams.editTeamInfo(changedName, undefined, undefined),
+			);
+			setTeamInfo({
+				...teamInfo,
+				name: changedName,
+			});
+		} catch (err) {
+			setNotify('error');
+		}
+	};
 
-  const handleCloseDescription = async () => {
-    setOpen(dialogOpen.No)
-    try {
-      await dispatch(
-        actions.teams.editTeamInfo(undefined, changedDescription, undefined)
-      )
-      setTeamInfo({
-        ...teamInfo,
-        description: changedDescription
-      })
-    } catch (err) {
-      setNotify("error")
-    }
-  }
+	const handleCloseDescription = async () => {
+		setOpen(dialogOpen.No);
+		try {
+			await dispatch(
+				actions.teams.editTeamInfo(
+					undefined,
+					changedDescription,
+					undefined,
+				),
+			);
+			setTeamInfo({
+				...teamInfo,
+				description: changedDescription,
+			});
+		} catch (err) {
+			setNotify('error');
+		}
+	};
 
-  const handleCloseInvite = async () => {
-    setOpen(dialogOpen.No)
-    if (invitations) {
-      invitations.forEach(async (elem: string) => {
-        try {
-          await dispatch(actions.teams.inviteByEmail(elem))
-        } catch (err) {
-          setNotify("error")
-        }
-      })
-    }
-  }
+	const handleCloseInvite = async () => {
+		setOpen(dialogOpen.No);
+		if (invitations) {
+			invitations.forEach(async (elem: string) => {
+				try {
+					await dispatch(actions.teams.inviteByEmail(elem));
+				} catch (err) {
+					setNotify('error');
+				}
+			});
+		}
+	};
 
-  const handleJoinTeam = async (e: any) => {
-    e.preventDefault()
-    try {
-      await dispatch(actions.teams.joinTeamRequest(teamInfo._id))
-      checkJoinError(false)
-    } catch (err) {
-      checkJoinError(true)
-    }
-  }
+	const handleJoinTeam = async (e: any) => {
+		e.preventDefault();
+		try {
+			await dispatch(actions.teams.joinTeamRequest(teamInfo._id));
+			checkJoinError(false);
+		} catch (err) {
+			checkJoinError(true);
+		}
+	};
 
-  const checkJoinError = (isError: boolean) => {
-    setNotify(isError ? "error" : "success")
-    if (!isError) {
-      setSuccessMessage("Join request sent successfully")
-    }
-  }
+	const checkJoinError = (isError: boolean) => {
+		setNotify(isError ? 'error' : 'success');
+		if (!isError) {
+			setSuccessMessage('Join request sent successfully');
+		}
+	};
 
-  useEffect(() => {
-    if (teamId === undefined || user._id === undefined) {
-      setLoading(false)
-      return
-    }
+	useEffect(() => {
+		if (teamId === undefined || user._id === undefined) {
+			setLoading(false);
+			return;
+		}
 
-    const fetchTeamInfo = async () => {
-      setLoading(true)
-      const promises = [
-        dispatch(actions.teams.getTeamInfo(teamId as string)),
-        dispatch(actions.user.getOwnTeam())
-      ]
-      try {
-        setOwnTeamFetched(false)
-        const [teamInfoData, ownTeamData] = await Promise.allSettled(promises)
-        if (teamInfoData.status === "rejected") {
-          console.error(teamInfoData.reason)
-        } else {
-          const info = teamInfoData.value
-          setTeamInfo(info.data)
-          setChangedName(info.data.name)
-          setChangedDescription(info.data.description)
-          setIsCaptain(info.data.admin._id === user._id)
-        }
+		const fetchTeamInfo = async () => {
+			setLoading(true);
+			const promises = [
+				dispatch(actions.teams.getTeamInfo(teamId as string)),
+				dispatch(actions.user.getOwnTeam()),
+			];
+			try {
+				setOwnTeamFetched(false);
+				const [teamInfoData, ownTeamData] = await Promise.allSettled(
+					promises,
+				);
+				if (teamInfoData.status === 'rejected') {
+					console.error(teamInfoData.reason);
+				} else {
+					const info = teamInfoData.value;
+					setTeamInfo(info.data);
+					setChangedName(info.data.name);
+					setChangedDescription(info.data.description);
+					setIsCaptain(info.data.admin._id === user._id);
+				}
 
-        if (ownTeamData.status === "rejected") {
-          setIsOwnTeam(false)
-        } else {
-          const ownTeam = ownTeamData.value
-          setIsOwnTeam(ownTeam.data._id === (teamId as string))
-        }
-        setOwnTeamFetched(true)
-      } catch (err) {
-        console.error(err)
-      }
-      setLoading(false)
-    }
+				if (ownTeamData.status === 'rejected') {
+					setIsOwnTeam(false);
+				} else {
+					const ownTeam = ownTeamData.value;
+					setIsOwnTeam(ownTeam.data._id === (teamId as string));
+				}
+				setOwnTeamFetched(true);
+			} catch (err) {
+				console.error(err);
+			}
+			setLoading(false);
+		};
 
-    fetchTeamInfo()
-  }, [teamId, user])
-  return (
-    <>
-      <Menu />
-      <WaveHeader variant="light" />
-      <div>
-        <WaveFooter />
-        <FloatingDiv>
-          {ownTeamFetched && !isOwnTeam ? (
-            <div className={styles.buttonContainer}>
-              <BackButton link="/teams" className={styles.backButton} />
-              <form onSubmit={handleJoinTeam}>
-                <RectangleButton type="submit">Join</RectangleButton>
-              </form>
-            </div>
-          ) : null}
-          <div className={styles.spinnerContainer}>
-            <Collapse in={loading}>
-              <CircularProgress />
-            </Collapse>
-          </div>
-          <ContentHeader title="Team" />
-          <div className={styles.content}>
-            <div className={styles.editableText}>
-              <div className={styles.shortenedText}>
-                <Typography variant="h4" className={styles.title}>
-                  TEAM NAME
-                </Typography>
-                <Typography variant="subtitle1" className={styles.subtitle}>
-                  {teamInfo.name}
-                </Typography>
-              </div>
-              {isCaptain ? (
-                <form
-                  className={styles.editButtonForm}
-                  onSubmit={async (e) => {
-                    e.preventDefault()
-                    try {
-                      setOpen(dialogOpen.Name)
-                    } catch (err) {
-                      setNotify("error")
-                    }
-                  }}
-                >
-                  <RectangleButton type="submit" className={styles.editButton}>
-                    EDIT TEAM NAME
-                  </RectangleButton>
-                </form>
-              ) : null}
-            </div>
-            <div className={styles.editableText}>
-              <div className={styles.longText}>
-                <Typography variant="h4" className={styles.title}>
-                  TEAM DESCRIPTION
-                </Typography>
-                <Typography variant="subtitle1" className={styles.subtitle}>
-                  {teamInfo.description}
-                </Typography>
-              </div>
-              {isCaptain ? (
-                <form
-                  className={styles.editButtonForm}
-                  onSubmit={async (e) => {
-                    e.preventDefault()
-                    try {
-                      setOpen(dialogOpen.Description)
-                    } catch (err) {
-                      setNotify("error")
-                    }
-                  }}
-                >
-                  <RectangleButton type="submit" className={styles.editButton}>
-                    EDIT DESCRIPTION
-                  </RectangleButton>
-                </form>
-              ) : null}
-            </div>
-            <div className={styles.editableText}>
-              <div className={styles.longText}>
-                <Typography variant="h4" className={styles.title}>
-                  TEAM MEMBERS
-                </Typography>
-                <ul className={styles.memberList}>
-                  {teamInfo.members.map((member: any, idx: number) => (
-                    <li key={idx}>
-                      <Typography
-                        variant="subtitle1"
-                        className={styles.shortenedSubtitle}
-                      >
-                        {`${member.firstName} ${member.lastName} (${member.email})`}
-                      </Typography>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-              {isCaptain ? (
-                <form
-                  className={styles.editButtonForm}
-                  onSubmit={async (e) => {
-                    e.preventDefault()
-                    try {
-                      setOpen(dialogOpen.Invite)
-                    } catch (err) {
-                      setNotify("error")
-                    }
-                  }}
-                >
-                  <RectangleButton type="submit" className={styles.editButton}>
-                    INVITE NEW MEMBERS
-                  </RectangleButton>
-                </form>
-              ) : null}
-            </div>
-          </div>
-          {isOwnTeam ? (
-            <form
-              className={styles.buttonForm}
-              onSubmit={async (e) => {
-                e.preventDefault()
-                try {
-                  await dispatch(actions.teams.leaveTeam())
-                  router.push("/teams")
-                } catch (err) {
-                  setNotify("error")
-                }
-              }}
-            >
-              <RectangleButton type="submit" className={styles.leaveButton}>
-                LEAVE TEAM
-              </RectangleButton>
-            </form>
-          ) : null}
-        </FloatingDiv>
-        <Snackbar
-          open={notify != ""}
-          autoHideDuration={5000}
-          onClose={(e) => setNotify("")}
-          anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
-        >
-          <Alert severity={notify === "error" ? "error" : "success"}>
-            {notify == "error" ? errorMessage : successMessage}
-          </Alert>
-        </Snackbar>
+		fetchTeamInfo();
+	}, [teamId, user]);
+	return (
+		<>
+			<Menu />
+			<WaveHeader variant="light" />
+			<div>
+				<WaveFooter />
+				<FloatingDiv>
+					{ownTeamFetched && !isOwnTeam ? (
+						<div className={styles.buttonContainer}>
+							<BackButton
+								link="/teams"
+								className={styles.backButton}
+							/>
+							<form onSubmit={handleJoinTeam}>
+								<RectangleButton type="submit">
+									Join
+								</RectangleButton>
+							</form>
+						</div>
+					) : null}
+					<div className={styles.spinnerContainer}>
+						<Collapse in={loading}>
+							<CircularProgress />
+						</Collapse>
+					</div>
+					<ContentHeader title="Team" />
+					<div className={styles.content}>
+						<div className={styles.editableText}>
+							<div className={styles.shortenedText}>
+								<Typography
+									variant="h4"
+									className={styles.title}
+								>
+									TEAM NAME
+								</Typography>
+								<Typography
+									variant="subtitle1"
+									className={styles.subtitle}
+								>
+									{teamInfo.name}
+								</Typography>
+							</div>
+							{isCaptain ? (
+								<form
+									className={styles.editButtonForm}
+									onSubmit={async (e) => {
+										e.preventDefault();
+										try {
+											setOpen(dialogOpen.Name);
+										} catch (err) {
+											setNotify('error');
+										}
+									}}
+								>
+									<RectangleButton
+										type="submit"
+										className={styles.editButton}
+									>
+										EDIT TEAM NAME
+									</RectangleButton>
+								</form>
+							) : null}
+						</div>
+						<div className={styles.editableText}>
+							<div className={styles.longText}>
+								<Typography
+									variant="h4"
+									className={styles.title}
+								>
+									TEAM DESCRIPTION
+								</Typography>
+								<Typography
+									variant="subtitle1"
+									className={styles.subtitle}
+								>
+									{teamInfo.description}
+								</Typography>
+							</div>
+							{isCaptain ? (
+								<form
+									className={styles.editButtonForm}
+									onSubmit={async (e) => {
+										e.preventDefault();
+										try {
+											setOpen(dialogOpen.Description);
+										} catch (err) {
+											setNotify('error');
+										}
+									}}
+								>
+									<RectangleButton
+										type="submit"
+										className={styles.editButton}
+									>
+										EDIT DESCRIPTION
+									</RectangleButton>
+								</form>
+							) : null}
+						</div>
+						<div className={styles.editableText}>
+							<div className={styles.longText}>
+								<Typography
+									variant="h4"
+									className={styles.title}
+								>
+									TEAM MEMBERS
+								</Typography>
+								<ul className={styles.memberList}>
+									{teamInfo.members.map(
+										(member: any, idx: number) => (
+											<li key={idx}>
+												<Typography
+													variant="subtitle1"
+													className={
+														styles.shortenedSubtitle
+													}
+												>
+													{`${member.firstName} ${member.lastName} (${member.email})`}
+												</Typography>
+											</li>
+										),
+									)}
+								</ul>
+							</div>
+							{isCaptain ? (
+								<form
+									className={styles.editButtonForm}
+									onSubmit={async (e) => {
+										e.preventDefault();
+										try {
+											setOpen(dialogOpen.Invite);
+										} catch (err) {
+											setNotify('error');
+										}
+									}}
+								>
+									<RectangleButton
+										type="submit"
+										className={styles.editButton}
+									>
+										INVITE NEW MEMBERS
+									</RectangleButton>
+								</form>
+							) : null}
+						</div>
+					</div>
+					{isOwnTeam ? (
+						<form
+							className={styles.buttonForm}
+							onSubmit={async (e) => {
+								e.preventDefault();
+								try {
+									await dispatch(actions.teams.leaveTeam());
+									router.push('/teams');
+								} catch (err) {
+									setNotify('error');
+								}
+							}}
+						>
+							<RectangleButton
+								type="submit"
+								className={styles.leaveButton}
+							>
+								LEAVE TEAM
+							</RectangleButton>
+						</form>
+					) : null}
+				</FloatingDiv>
+				<Snackbar
+					open={notify != ''}
+					autoHideDuration={5000}
+					onClose={(e) => setNotify('')}
+					anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+				>
+					<Alert severity={notify === 'error' ? 'error' : 'success'}>
+						{notify == 'error' ? errorMessage : successMessage}
+					</Alert>
+				</Snackbar>
 
-        <Dialog open={open === dialogOpen.Name} onClose={handleClose} fullWidth>
-          <DialogTitle className={styles.dialogHeader}>
-            Edit Team Name
-          </DialogTitle>
-          <DialogContent>
-            <TextField
-              variant="outlined"
-              fullWidth={true}
-              value={changedName}
-              className={styles.textField}
-              placeholder="Your team's name"
-              InputProps={{
-                className: styles.textFieldInput
-              }}
-              onChange={(e) => {
-                setChangedName(e.target.value)
-              }}
-            />
-          </DialogContent>
-          <DialogActions>
-            <Button onClick={handleClose}>Cancel</Button>
-            <Button onClick={handleCloseName}>OK</Button>
-          </DialogActions>
-        </Dialog>
+				<Dialog
+					open={open === dialogOpen.Name}
+					onClose={handleClose}
+					fullWidth
+				>
+					<DialogTitle className={styles.dialogHeader}>
+						Edit Team Name
+					</DialogTitle>
+					<DialogContent>
+						<TextField
+							variant="outlined"
+							fullWidth={true}
+							value={changedName}
+							className={styles.textField}
+							placeholder="Your team's name"
+							InputProps={{
+								className: styles.textFieldInput,
+							}}
+							onChange={(e) => {
+								setChangedName(e.target.value);
+							}}
+						/>
+					</DialogContent>
+					<DialogActions>
+						<Button onClick={handleClose}>Cancel</Button>
+						<Button onClick={handleCloseName}>OK</Button>
+					</DialogActions>
+				</Dialog>
 
-        <Dialog
-          open={open === dialogOpen.Description}
-          onClose={handleClose}
-          fullWidth
-        >
-          <DialogTitle className={styles.dialogHeader}>
-            Edit Team Description
-          </DialogTitle>
-          <DialogContent>
-            <TextField
-              variant="outlined"
-              fullWidth={true}
-              value={changedDescription}
-              className={styles.textField}
-              placeholder="Your team's description"
-              InputProps={{
-                className: styles.textFieldInput
-              }}
-              onChange={(e) => {
-                setChangedDescription(e.target.value)
-              }}
-            />
-          </DialogContent>
-          <DialogActions>
-            <Button onClick={handleClose}>Cancel</Button>
-            <Button onClick={handleCloseDescription}>OK</Button>
-          </DialogActions>
-        </Dialog>
+				<Dialog
+					open={open === dialogOpen.Description}
+					onClose={handleClose}
+					fullWidth
+				>
+					<DialogTitle className={styles.dialogHeader}>
+						Edit Team Description
+					</DialogTitle>
+					<DialogContent>
+						<TextField
+							variant="outlined"
+							fullWidth={true}
+							value={changedDescription}
+							className={styles.textField}
+							placeholder="Your team's description"
+							InputProps={{
+								className: styles.textFieldInput,
+							}}
+							onChange={(e) => {
+								setChangedDescription(e.target.value);
+							}}
+						/>
+					</DialogContent>
+					<DialogActions>
+						<Button onClick={handleClose}>Cancel</Button>
+						<Button onClick={handleCloseDescription}>OK</Button>
+					</DialogActions>
+				</Dialog>
 
-        <Dialog
-          open={open === dialogOpen.Invite}
-          onClose={handleClose}
-          fullWidth
-        >
-          <DialogTitle className={styles.dialogHeader}>
-            Invite New Members
-          </DialogTitle>
-          <DialogContent>
-            <TextField
-              variant="outlined"
-              fullWidth={true}
-              className={styles.textField}
-              multiline
-              placeholder={
-                "e.g. user@example.com\n        teammate@tartanhacks.cmu.edu"
-              }
-              InputProps={{
-                className: styles.textFieldInput
-              }}
-              onChange={(e) => {
-                setInvitations(
-                  e.target.value
-                    .split("\n")
-                    .filter((elem: string) => elem !== "")
-                    .map((elem: string) => elem.trim())
-                )
-              }}
-            />
-          </DialogContent>
-          <DialogActions>
-            <Button onClick={handleClose}>Cancel</Button>
-            <Button onClick={handleCloseInvite}>OK</Button>
-          </DialogActions>
-        </Dialog>
-      </div>
-    </>
-  )
-}
+				<Dialog
+					open={open === dialogOpen.Invite}
+					onClose={handleClose}
+					fullWidth
+				>
+					<DialogTitle className={styles.dialogHeader}>
+						Invite New Members
+					</DialogTitle>
+					<DialogContent>
+						<TextField
+							variant="outlined"
+							fullWidth={true}
+							className={styles.textField}
+							multiline
+							placeholder={
+								'e.g. user@example.com\n        teammate@tartanhacks.cmu.edu'
+							}
+							InputProps={{
+								className: styles.textFieldInput,
+							}}
+							onChange={(e) => {
+								setInvitations(
+									e.target.value
+										.split('\n')
+										.filter((elem: string) => elem !== '')
+										.map((elem: string) => elem.trim()),
+								);
+							}}
+						/>
+					</DialogContent>
+					<DialogActions>
+						<Button onClick={handleClose}>Cancel</Button>
+						<Button onClick={handleCloseInvite}>OK</Button>
+					</DialogActions>
+				</Dialog>
+			</div>
+		</>
+	);
+};
 
-export default AuthenticatedLayout(TeamDescription)
+export default AuthenticatedLayout(TeamDescription);
diff --git a/src/_enums/AnalyticsEvent.ts b/src/_enums/AnalyticsEvent.ts
index 78a574e..46afcf0 100644
--- a/src/_enums/AnalyticsEvent.ts
+++ b/src/_enums/AnalyticsEvent.ts
@@ -1,7 +1,7 @@
 export default {
-  ACCOUNT_CREATED: "account_created",
-  EMAIL_VERIFIED: "email_verified",
-  APPLICATION_SUBMITTED: "application_submitted",
-  ATTENDANCE_DECLINED: "attendance_declined",
-  ATTENDANCE_CONFIRMED: "attendance_confirmed"
-} as const
+	ACCOUNT_CREATED: 'account_created',
+	EMAIL_VERIFIED: 'email_verified',
+	APPLICATION_SUBMITTED: 'application_submitted',
+	ATTENDANCE_DECLINED: 'attendance_declined',
+	ATTENDANCE_CONFIRMED: 'attendance_confirmed',
+} as const;
diff --git a/src/_enums/DispatchActionType.ts b/src/_enums/DispatchActionType.ts
index 7429b39..83cd61e 100644
--- a/src/_enums/DispatchActionType.ts
+++ b/src/_enums/DispatchActionType.ts
@@ -1,66 +1,66 @@
 export enum DispatchActionType {
-  AUTH_REGISTER = "AUTH_REGISTER",
-  AUTH_LOGIN = "AUTH_LOGIN",
-  AUTH_LOGIN_TOKEN = "AUTH_LOGIN_TOKEN",
-  AUTH_VERIFY = "AUTH_VERIFY",
-  AUTH_VERIFY_RESEND = "AUTH_VERIFY_RESEND",
-  AUTH_REQUEST_RESET = "AUTH_REQUEST_RESET",
-  AUTH_RESET_PASSWORD = "AUTH_RESET_PASSWORD",
+	AUTH_REGISTER = 'AUTH_REGISTER',
+	AUTH_LOGIN = 'AUTH_LOGIN',
+	AUTH_LOGIN_TOKEN = 'AUTH_LOGIN_TOKEN',
+	AUTH_VERIFY = 'AUTH_VERIFY',
+	AUTH_VERIFY_RESEND = 'AUTH_VERIFY_RESEND',
+	AUTH_REQUEST_RESET = 'AUTH_REQUEST_RESET',
+	AUTH_RESET_PASSWORD = 'AUTH_RESET_PASSWORD',
 
-  ANALYTICS = "ANALYTICS",
+	ANALYTICS = 'ANALYTICS',
 
-  TEAMS_VIEW = "TEAMS_VIEW",
-  TEAM_JOIN = "TEAM_JOIN",
-  TEAM_INFO = "TEAM_INFO",
-  TEAM_LEAVE = "TEAM_LEAVE",
-  TEAM_CREATE = "TEAM_CREATE",
-  TEAM_INVITE_BY_EMAIL = "TEAM_INVITE_BY_EMAIL",
-  TEAM_EDIT = "TEAM_EDIT",
-  USER_GET_TEAM = "USER_GET_TEAM",
+	TEAMS_VIEW = 'TEAMS_VIEW',
+	TEAM_JOIN = 'TEAM_JOIN',
+	TEAM_INFO = 'TEAM_INFO',
+	TEAM_LEAVE = 'TEAM_LEAVE',
+	TEAM_CREATE = 'TEAM_CREATE',
+	TEAM_INVITE_BY_EMAIL = 'TEAM_INVITE_BY_EMAIL',
+	TEAM_EDIT = 'TEAM_EDIT',
+	USER_GET_TEAM = 'USER_GET_TEAM',
 
-  SPONSORS_LIST = "SPONSORS_LIST",
-  SPONSORS_CREATE = "SPONSORS_CREATE",
-  USER_CONFIRM = "USER_CONFIRM",
-  USER_DECLINE_ACCEPTANCE = "USER_DECLINE_ACCEPTANCE",
+	SPONSORS_LIST = 'SPONSORS_LIST',
+	SPONSORS_CREATE = 'SPONSORS_CREATE',
+	USER_CONFIRM = 'USER_CONFIRM',
+	USER_DECLINE_ACCEPTANCE = 'USER_DECLINE_ACCEPTANCE',
 
-  CURRENT_USER_REQUESTS = "CURRENT_USER_REQUESTS",
-  CURRENT_TEAM_REQUESTS = "CURRENT_TEAM_REQUESTS",
-  REQUEST_OPEN = "REQUEST_OPEN",
-  REQUEST_ACCEPT = "REQUEST_ACCEPT",
-  REQUEST_DECLINE = "REQUEST_DECLINE",
-  REQUEST_CANCEL = "REQUEST_CANCEL",
+	CURRENT_USER_REQUESTS = 'CURRENT_USER_REQUESTS',
+	CURRENT_TEAM_REQUESTS = 'CURRENT_TEAM_REQUESTS',
+	REQUEST_OPEN = 'REQUEST_OPEN',
+	REQUEST_ACCEPT = 'REQUEST_ACCEPT',
+	REQUEST_DECLINE = 'REQUEST_DECLINE',
+	REQUEST_CANCEL = 'REQUEST_CANCEL',
 
-  // Admin
-  GET_USERS = "GET_USERS",
-  GET_PARTICIPANTS = "GET_PARTICIPANTS",
-  USER_PROFILE = "USER_PROFILE",
-  ADMIT_USER = "ADMIT_USER",
-  REJECT_USER = "REJECT_USER",
-  ADMIT_ALL = "ADMIT_ALL",
-  REJECT_ALL = "REJECT_ALL",
-  ADD_ADMIN = "ADD_ADMIN",
-  REMOVE_ADMIN = "REMOVE_ADMIN",
+	// Admin
+	GET_USERS = 'GET_USERS',
+	GET_PARTICIPANTS = 'GET_PARTICIPANTS',
+	USER_PROFILE = 'USER_PROFILE',
+	ADMIT_USER = 'ADMIT_USER',
+	REJECT_USER = 'REJECT_USER',
+	ADMIT_ALL = 'ADMIT_ALL',
+	REJECT_ALL = 'REJECT_ALL',
+	ADD_ADMIN = 'ADD_ADMIN',
+	REMOVE_ADMIN = 'REMOVE_ADMIN',
 
-  // Application form
-  APPLICATION_UPLOAD_RESUME = "APPLICATION_UPLOAD_RESUME",
-  APPLICATION_MISSING_RESUME = "APPLICATION_MISSING_RESUME",
-  APPLICATION_DISPLAY_NAME_AVAILABLE = "APPLICATION_DISPLAY_NAME_AVAILABLE",
-  APPLICATION_SUBMIT_FORM = "APPLICATION_SUBMIT_FORM",
-  APPLICATION_GET_PROFILE = "APPLICATION_GET_PROFILE",
+	// Application form
+	APPLICATION_UPLOAD_RESUME = 'APPLICATION_UPLOAD_RESUME',
+	APPLICATION_MISSING_RESUME = 'APPLICATION_MISSING_RESUME',
+	APPLICATION_DISPLAY_NAME_AVAILABLE = 'APPLICATION_DISPLAY_NAME_AVAILABLE',
+	APPLICATION_SUBMIT_FORM = 'APPLICATION_SUBMIT_FORM',
+	APPLICATION_GET_PROFILE = 'APPLICATION_GET_PROFILE',
 
-  // Save application section data
-  APPLICATION_SAVE_BASIC = "APPLICATION_SAVE_BASIC",
-  APPLICATION_SAVE_ESSAY = "APPLICATION_SAVE_ESSAY",
-  APPLICATION_SAVE_EXPERIENCE = "APPLICATION_SAVE_EXPERIENCE",
-  APPLICATION_SAVE_LOGISTICS = "APPLICATION_SAVE_LOGISTICS",
-  APPLICATION_SAVE_PORTFOLIO = "APPLICATION_SAVE_PORTFOLIO",
-  APPLICATION_SAVE_SCHOOL = "APPLICATION_SAVE_SCHOOL",
-  APPLICATION_SAVE_WORK_AUTH = "APPLICATION_SAVE_WORK_AUTH",
-  SETTINGS_OPEN_TIME = "SETTINGS_OPEN_TIME",
-  SETTINGS_CLOSE_TIME = "SETTINGS_CLOSE_TIME",
-  SETTINGS_CONFIRM_TIME = "SETTINGS_CONFIRM_TIME",
+	// Save application section data
+	APPLICATION_SAVE_BASIC = 'APPLICATION_SAVE_BASIC',
+	APPLICATION_SAVE_ESSAY = 'APPLICATION_SAVE_ESSAY',
+	APPLICATION_SAVE_EXPERIENCE = 'APPLICATION_SAVE_EXPERIENCE',
+	APPLICATION_SAVE_LOGISTICS = 'APPLICATION_SAVE_LOGISTICS',
+	APPLICATION_SAVE_PORTFOLIO = 'APPLICATION_SAVE_PORTFOLIO',
+	APPLICATION_SAVE_SCHOOL = 'APPLICATION_SAVE_SCHOOL',
+	APPLICATION_SAVE_WORK_AUTH = 'APPLICATION_SAVE_WORK_AUTH',
+	SETTINGS_OPEN_TIME = 'SETTINGS_OPEN_TIME',
+	SETTINGS_CLOSE_TIME = 'SETTINGS_CLOSE_TIME',
+	SETTINGS_CONFIRM_TIME = 'SETTINGS_CONFIRM_TIME',
 
-  RECRUITER_CREATE = "RECRUITER_CREATE",
+	RECRUITER_CREATE = 'RECRUITER_CREATE',
 
-  WAITLIST_STATUS = "WAITLIST_STATUS"
+	WAITLIST_STATUS = 'WAITLIST_STATUS',
 }
diff --git a/src/_enums/Profile.ts b/src/_enums/Profile.ts
index 87158d8..3ecdce0 100644
--- a/src/_enums/Profile.ts
+++ b/src/_enums/Profile.ts
@@ -2,66 +2,66 @@
  * Profile application enums
  */
 export enum CMUCollege {
-  SCS = "SCS",
-  CIT = "CIT",
-  CFA = "CFA",
-  DIETRICH = "Dietrich",
-  MCS = "MCS",
-  TEPPER = "Tepper",
-  HEINZ = "Heinz"
+	SCS = 'SCS',
+	CIT = 'CIT',
+	CFA = 'CFA',
+	DIETRICH = 'Dietrich',
+	MCS = 'MCS',
+	TEPPER = 'Tepper',
+	HEINZ = 'Heinz',
 }
 
 export enum CollegeLevel {
-  UNDERGRADUATE = "Undergraduate",
-  MASTERS = "Masters",
-  DOCTORATE = "Doctorate",
-  OTHER = "Other"
+	UNDERGRADUATE = 'Undergraduate',
+	MASTERS = 'Masters',
+	DOCTORATE = 'Doctorate',
+	OTHER = 'Other',
 }
 
 export enum Gender {
-  MALE = "Male",
-  FEMALE = "Female",
-  PREFER_NOT_TO_SAY = "Prefer not to say",
-  OTHER = "Other"
+	MALE = 'Male',
+	FEMALE = 'Female',
+	PREFER_NOT_TO_SAY = 'Prefer not to say',
+	OTHER = 'Other',
 }
 
 export enum Ethnicity {
-  NATIVE_AMERICAN = "Native American",
-  ASIAN = "Asian",
-  BLACK = "Black",
-  PACIFIC_ISLANDER = "Pacific Islander",
-  WHITE = "White",
-  HISPANIC = "Hispanic",
-  PREFER_NOT_TO_SAY = "Prefer not to say",
-  OTHER = "Other"
+	NATIVE_AMERICAN = 'Native American',
+	ASIAN = 'Asian',
+	BLACK = 'Black',
+	PACIFIC_ISLANDER = 'Pacific Islander',
+	WHITE = 'White',
+	HISPANIC = 'Hispanic',
+	PREFER_NOT_TO_SAY = 'Prefer not to say',
+	OTHER = 'Other',
 }
 
 export enum HackathonExperience {
-  ZERO = "0",
-  ONE_TO_THREE = "1-3",
-  FOUR_PLUS = "4+"
+	ZERO = '0',
+	ONE_TO_THREE = '1-3',
+	FOUR_PLUS = '4+',
 }
 
 export enum WorkPermission {
-  CITIZEN = "Citizen",
-  SPONSORSHIP = "Sponsorship",
-  NO_SPONSORSHIP = "No sponsorship"
+	CITIZEN = 'Citizen',
+	SPONSORSHIP = 'Sponsorship',
+	NO_SPONSORSHIP = 'No sponsorship',
 }
 
 export enum ShirtSize {
-  XS = "XS",
-  S = "S",
-  M = "M",
-  L = "L",
-  XL = "XL",
-  XXL = "XXL"
+	XS = 'XS',
+	S = 'S',
+	M = 'M',
+	L = 'L',
+	XL = 'XL',
+	XXL = 'XXL',
 }
 
 export enum Region {
-  RURAL = "Rural",
-  SUBURBAN = "Suburban",
-  URBAN = "Urban"
+	RURAL = 'Rural',
+	SUBURBAN = 'Suburban',
+	URBAN = 'Urban',
 }
 
-export const GraduationYears = ["2024", "2025", "2026", "2027", "2028"]
-export type GraduationYear = typeof GraduationYears[number]
+export const GraduationYears = ['2024', '2025', '2026', '2027', '2028'];
+export type GraduationYear = typeof GraduationYears[number];
diff --git a/src/_enums/RequestStatus.ts b/src/_enums/RequestStatus.ts
index 6de48f5..4d38496 100644
--- a/src/_enums/RequestStatus.ts
+++ b/src/_enums/RequestStatus.ts
@@ -1,6 +1,6 @@
 export enum RequestStatus {
-  PENDING = "PENDING",
-  SUCCESS = "SUCCESS",
-  ERROR = "ERROR"
-  //    = "EXPIRED"
+	PENDING = 'PENDING',
+	SUCCESS = 'SUCCESS',
+	ERROR = 'ERROR',
+	//    = "EXPIRED"
 }
diff --git a/src/_enums/Status.ts b/src/_enums/Status.ts
index d1b7a33..53aa532 100644
--- a/src/_enums/Status.ts
+++ b/src/_enums/Status.ts
@@ -1,21 +1,21 @@
 export enum Status {
-  UNVERIFIED = "UNVERIFIED",
-  VERIFIED = "VERIFIED",
-  COMPLETED_PROFILE = "COMPLETED_PROFILE",
-  ADMITTED = "ADMITTED",
-  REJECTED = "REJECTED",
-  CONFIRMED = "CONFIRMED",
-  DECLINED = "DECLINED",
-  WAITLISTED = "WAITLISTED"
+	UNVERIFIED = 'UNVERIFIED',
+	VERIFIED = 'VERIFIED',
+	COMPLETED_PROFILE = 'COMPLETED_PROFILE',
+	ADMITTED = 'ADMITTED',
+	REJECTED = 'REJECTED',
+	CONFIRMED = 'CONFIRMED',
+	DECLINED = 'DECLINED',
+	WAITLISTED = 'WAITLISTED',
 }
 
 /**
  * Returns a more user-friendly string representation of a Status entry
  */
 export function statusToString(status: Status): string {
-  if (status === Status.COMPLETED_PROFILE) {
-    return "APPLIED"
-  } else {
-    return status
-  }
+	if (status === Status.COMPLETED_PROFILE) {
+		return 'APPLIED';
+	} else {
+		return status;
+	}
 }
diff --git a/src/_types/APIRequest.ts b/src/_types/APIRequest.ts
index 8abcd3c..62f03d5 100644
--- a/src/_types/APIRequest.ts
+++ b/src/_types/APIRequest.ts
@@ -1,5 +1,5 @@
 export interface APIRequest {
-  path: string
-  method: "GET" | "POST" | "PUT" | "DELETE" | "PATCH" | "FILE"
-  body?: any
+	path: string;
+	method: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'FILE';
+	body?: any;
 }
diff --git a/src/_types/AnalyticsData.ts b/src/_types/AnalyticsData.ts
index 0d7d6cf..cc2fd05 100644
--- a/src/_types/AnalyticsData.ts
+++ b/src/_types/AnalyticsData.ts
@@ -1,40 +1,40 @@
 export type AnalyticsData = {
-  total: number
-  demographic: {
-    gender: Record<string, number>
-    schools: Record<
-      string,
-      {
-        submitted: number
-        admitted: number
-        confirmed: number
-        declined: number
-      }
-    >
-    colleges: Record<string, number>
-    year: Record<string, number>
-  }
+	total: number;
+	demographic: {
+		gender: Record<string, number>;
+		schools: Record<
+			string,
+			{
+				submitted: number;
+				admitted: number;
+				confirmed: number;
+				declined: number;
+			}
+		>;
+		colleges: Record<string, number>;
+		year: Record<string, number>;
+	};
 
-  verified: number
-  submitted: number
-  admitted: number
-  confirmed: number
-  confirmedCmu: number
-  declined: number
+	verified: number;
+	submitted: number;
+	admitted: number;
+	confirmed: number;
+	confirmedCmu: number;
+	declined: number;
 
-  confirmedFemale: number
-  confirmedMale: number
-  confirmedOther: number
-  confirmedNone: number
+	confirmedFemale: number;
+	confirmedMale: number;
+	confirmedOther: number;
+	confirmedNone: number;
 
-  shirtSizes: Record<string, number>
+	shirtSizes: Record<string, number>;
 
-  dietaryRestrictions: Record<string, number>
+	dietaryRestrictions: Record<string, number>;
 
-  experiences: Record<string, number>
-  wantsHardware: number
-  attendance: {
-    physical: number
-    virtual: number
-  }
-}
+	experiences: Record<string, number>;
+	wantsHardware: number;
+	attendance: {
+		physical: number;
+		virtual: number;
+	};
+};
diff --git a/src/_types/ApplicationForm.ts b/src/_types/ApplicationForm.ts
index 48293f3..cbd0757 100644
--- a/src/_types/ApplicationForm.ts
+++ b/src/_types/ApplicationForm.ts
@@ -1,71 +1,71 @@
 import {
-  CMUCollege,
-  CollegeLevel,
-  Ethnicity,
-  Gender,
-  HackathonExperience,
-  Region,
-  ShirtSize,
-  WorkPermission
-} from "enums/Profile"
+	CMUCollege,
+	CollegeLevel,
+	Ethnicity,
+	Gender,
+	HackathonExperience,
+	Region,
+	ShirtSize,
+	WorkPermission,
+} from 'enums/Profile';
 
 export interface BasicFields {
-  displayName: string
-  firstName: string
-  middleName?: string
-  lastName: string
-  gender: Gender
-  genderOther?: string
-  ethnicity: Ethnicity
-  ethnicityOther?: string
-  age?: number
+	displayName: string;
+	firstName: string;
+	middleName?: string;
+	lastName: string;
+	gender: Gender;
+	genderOther?: string;
+	ethnicity: Ethnicity;
+	ethnicityOther?: string;
+	age?: number;
 }
 
 export interface SchoolFields {
-  school: string
-  college?: CMUCollege
-  collegeLevel: CollegeLevel
-  graduationYear: string
-  major: string
+	school: string;
+	college?: CMUCollege;
+	collegeLevel: CollegeLevel;
+	graduationYear: string;
+	major: string;
 }
 
 export interface ExperienceFields {
-  hackathonExperience: HackathonExperience
+	hackathonExperience: HackathonExperience;
 }
 
 export interface WorkAuthorizationFields {
-  workPermission: WorkPermission
-  workLocation?: string
-  sponsorRanking: string[]
+	workPermission: WorkPermission;
+	workLocation?: string;
+	sponsorRanking: string[];
 }
 
 export interface PortfolioFields {
-  github: string
-  linkedin?: string
-  resume: string
-  design?: string
-  website?: string
+	github: string;
+	linkedin?: string;
+	resume: string;
+	design?: string;
+	website?: string;
 }
 
 export interface EssayFields {
-  essays: string[]
+	essays: string[];
 }
 
 export interface LogisticsFields {
-  dietaryRestrictions?: string[]
-  shirtSize: ShirtSize
-  wantsHardware: boolean
-  address: string
-  region: Region
-  phoneNumber: string
-  attendingPhysically: boolean
-  notes?: string
+	dietaryRestrictions?: string[];
+	shirtSize: ShirtSize;
+	wantsHardware: boolean;
+	address: string;
+	region: Region;
+	phoneNumber: string;
+	attendingPhysically: boolean;
+	notes?: string;
 }
 
 export type ApplicationForm = BasicFields &
-  SchoolFields &
-  ExperienceFields &
-  WorkAuthorizationFields &
-  PortfolioFields &
-  EssayFields &
-  LogisticsFields
+	SchoolFields &
+	ExperienceFields &
+	WorkAuthorizationFields &
+	PortfolioFields &
+	EssayFields &
+	LogisticsFields;
diff --git a/src/_types/CheckIn.ts b/src/_types/CheckIn.ts
index d9b2309..a5fd94f 100644
--- a/src/_types/CheckIn.ts
+++ b/src/_types/CheckIn.ts
@@ -1,6 +1,6 @@
 export interface CheckIn {
-  _id: string
-  name: string
-  points: string
-  checkinCount: string
+	_id: string;
+	name: string;
+	points: string;
+	checkinCount: string;
 }
diff --git a/src/_types/DispatchAction.ts b/src/_types/DispatchAction.ts
index 75826f2..ba8dd54 100644
--- a/src/_types/DispatchAction.ts
+++ b/src/_types/DispatchAction.ts
@@ -1,21 +1,21 @@
-import { DispatchActionType } from "enums/DispatchActionType"
-import { RequestStatus } from "src/_enums/RequestStatus"
-import { APIRequest } from "./APIRequest"
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { RequestStatus } from 'src/_enums/RequestStatus';
+import { APIRequest } from './APIRequest';
 
 export type LocalDispatchAction = {
-  type: DispatchActionType
-  useAPI: false
-  status: RequestStatus
-  data?: any
-}
+	type: DispatchActionType;
+	useAPI: false;
+	status: RequestStatus;
+	data?: any;
+};
 
 export type RemoteDispatchAction = {
-  type: DispatchActionType
-  useAPI: true
-  // request fields required if using API
-  request: APIRequest
-  status: RequestStatus
-  data?: any
-}
+	type: DispatchActionType;
+	useAPI: true;
+	// request fields required if using API
+	request: APIRequest;
+	status: RequestStatus;
+	data?: any;
+};
 
-export type DispatchAction = LocalDispatchAction | RemoteDispatchAction
+export type DispatchAction = LocalDispatchAction | RemoteDispatchAction;
diff --git a/src/_types/Participant.ts b/src/_types/Participant.ts
index fb36aae..fcfc83b 100644
--- a/src/_types/Participant.ts
+++ b/src/_types/Participant.ts
@@ -1,10 +1,10 @@
-import { Status } from "enums/Status"
+import { Status } from 'enums/Status';
 
 export interface Participant {
-  _id: string
-  admin: boolean
-  company?: string
-  email: string
-  password: string
-  status: Status
+	_id: string;
+	admin: boolean;
+	company?: string;
+	email: string;
+	password: string;
+	status: Status;
 }
diff --git a/src/_types/RootState.ts b/src/_types/RootState.ts
index acc9a79..5c86f5c 100644
--- a/src/_types/RootState.ts
+++ b/src/_types/RootState.ts
@@ -1,58 +1,58 @@
-import { RequestStatus } from "enums/RequestStatus"
+import { RequestStatus } from 'enums/RequestStatus';
 import {
-  BasicFields,
-  EssayFields,
-  ExperienceFields,
-  LogisticsFields,
-  PortfolioFields,
-  SchoolFields,
-  WorkAuthorizationFields
-} from "./ApplicationForm"
+	BasicFields,
+	EssayFields,
+	ExperienceFields,
+	LogisticsFields,
+	PortfolioFields,
+	SchoolFields,
+	WorkAuthorizationFields,
+} from './ApplicationForm';
 
 export interface RootState {
-  accounts: {
-    data: any
-    status: RequestStatus
-    error: string
-  }
-  teams: {
-    data: any
-    status: RequestStatus
-    error: string
-  }
-  user: {
-    data: any
-    status: RequestStatus
-    error: string
-  }
-  sponsors: {
-    data: any
-    status: RequestStatus
-    error: string
-  }
-  settings: {
-    openTime: Date
-    closeTime: Date
-    confirmTime: Date
-    status: RequestStatus
-    error: string
-  }
-  application: {
-    status: RequestStatus
-    error: string
-    resume: string
-    basic: BasicFields
-    essays: EssayFields
-    experience: ExperienceFields
-    logistics: LogisticsFields
-    portfolio: PortfolioFields
-    school: SchoolFields
-    workAuth: WorkAuthorizationFields
-    fetchedProfile: boolean
-  }
-  requests: {
-    data: any
-    status: RequestStatus
-    error: string
-  }
+	accounts: {
+		data: any;
+		status: RequestStatus;
+		error: string;
+	};
+	teams: {
+		data: any;
+		status: RequestStatus;
+		error: string;
+	};
+	user: {
+		data: any;
+		status: RequestStatus;
+		error: string;
+	};
+	sponsors: {
+		data: any;
+		status: RequestStatus;
+		error: string;
+	};
+	settings: {
+		openTime: Date;
+		closeTime: Date;
+		confirmTime: Date;
+		status: RequestStatus;
+		error: string;
+	};
+	application: {
+		status: RequestStatus;
+		error: string;
+		resume: string;
+		basic: BasicFields;
+		essays: EssayFields;
+		experience: ExperienceFields;
+		logistics: LogisticsFields;
+		portfolio: PortfolioFields;
+		school: SchoolFields;
+		workAuth: WorkAuthorizationFields;
+		fetchedProfile: boolean;
+	};
+	requests: {
+		data: any;
+		status: RequestStatus;
+		error: string;
+	};
 }
diff --git a/src/_types/SSRData.ts b/src/_types/SSRData.ts
index 9882e61..94e7747 100644
--- a/src/_types/SSRData.ts
+++ b/src/_types/SSRData.ts
@@ -1,29 +1,29 @@
-import { Team } from "./Team"
+import { Team } from './Team';
 
 /**
  * return type of getServerSideProps for pages that don't require authentication
  */
 export type SSRData<T> = {
-  props: {
-    data?: T
-  }
-}
+	props: {
+		data?: T;
+	};
+};
 
 /**
  * return type of getServerSideProps for pages that require authentication
  */
 export type SSRDataAuth<T> = {
-  props: {
-    isAuth: boolean
-    data?: T
-  }
-}
+	props: {
+		isAuth: boolean;
+		data?: T;
+	};
+};
 
 /**
  * Data fetched during SSR on /teams
  */
 export type TeamData = {
-  isInTeam?: boolean
-  ownTeam?: Team
-  teams?: Array<Team>
-}
+	isInTeam?: boolean;
+	ownTeam?: Team;
+	teams?: Array<Team>;
+};
diff --git a/src/_types/Team.ts b/src/_types/Team.ts
index 0104450..06c4ee6 100644
--- a/src/_types/Team.ts
+++ b/src/_types/Team.ts
@@ -1,14 +1,20 @@
+import { Status } from 'enums/Status';
+
 export type Team = {
-  _id: string
-  admin: TeamMember
-  description: string
-  members: Array<TeamMember>
-  name: string
-}
+	_id: string;
+	admin: TeamMember;
+	description: string;
+	members: Array<TeamMember>;
+	name: string;
+};
 
 export type TeamMember = {
-  _id: string
-  email: string
-  firstName: string
-  lastName: string
-}
+	_id: string;
+	email: string;
+	firstName: string;
+	lastName: string;
+	admin: boolean;
+	company?: string;
+	password: string;
+	status: Status;
+};
diff --git a/src/actions/analytics.ts b/src/actions/analytics.ts
index 080660e..e1d1b7a 100644
--- a/src/actions/analytics.ts
+++ b/src/actions/analytics.ts
@@ -1,13 +1,13 @@
-import { DispatchActionType } from "enums/DispatchActionType"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchAction } from "types/DispatchAction"
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchAction } from 'types/DispatchAction';
 
 export const get = (): DispatchAction => ({
-  type: DispatchActionType.ANALYTICS,
-  useAPI: true,
-  request: {
-    path: "/analytics",
-    method: "GET"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.ANALYTICS,
+	useAPI: true,
+	request: {
+		path: '/analytics',
+		method: 'GET',
+	},
+	status: RequestStatus.PENDING,
+});
diff --git a/src/actions/application.ts b/src/actions/application.ts
index 6f5e5c8..0644813 100644
--- a/src/actions/application.ts
+++ b/src/actions/application.ts
@@ -1,114 +1,114 @@
-import { DispatchActionType } from "enums/DispatchActionType"
-import { RequestStatus } from "enums/RequestStatus"
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { RequestStatus } from 'enums/RequestStatus';
 import {
-  ApplicationForm,
-  BasicFields,
-  EssayFields,
-  ExperienceFields,
-  LogisticsFields,
-  PortfolioFields,
-  SchoolFields,
-  WorkAuthorizationFields
-} from "types/ApplicationForm"
-import { DispatchAction } from "types/DispatchAction"
+	ApplicationForm,
+	BasicFields,
+	EssayFields,
+	ExperienceFields,
+	LogisticsFields,
+	PortfolioFields,
+	SchoolFields,
+	WorkAuthorizationFields,
+} from 'types/ApplicationForm';
+import { DispatchAction } from 'types/DispatchAction';
 
 export const getProfile = (): DispatchAction => ({
-  type: DispatchActionType.APPLICATION_GET_PROFILE,
-  useAPI: true,
-  request: {
-    path: "/user/profile",
-    method: "GET"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.APPLICATION_GET_PROFILE,
+	useAPI: true,
+	request: {
+		path: '/user/profile',
+		method: 'GET',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const uploadResume = (file: File): DispatchAction => ({
-  type: DispatchActionType.APPLICATION_UPLOAD_RESUME,
-  useAPI: true,
-  request: {
-    path: "/user/resume",
-    method: "FILE",
-    body: file
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.APPLICATION_UPLOAD_RESUME,
+	useAPI: true,
+	request: {
+		path: '/user/resume',
+		method: 'FILE',
+		body: file,
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const errorMissingResume = (): DispatchAction => ({
-  type: DispatchActionType.APPLICATION_MISSING_RESUME,
-  useAPI: false,
-  status: RequestStatus.ERROR,
-  data: "Missing resume!"
-})
+	type: DispatchActionType.APPLICATION_MISSING_RESUME,
+	useAPI: false,
+	status: RequestStatus.ERROR,
+	data: 'Missing resume!',
+});
 
 export const submitForm = (body: ApplicationForm): DispatchAction => ({
-  type: DispatchActionType.APPLICATION_SUBMIT_FORM,
-  useAPI: true,
-  request: {
-    path: "/user/profile",
-    method: "PUT",
-    body
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.APPLICATION_SUBMIT_FORM,
+	useAPI: true,
+	request: {
+		path: '/user/profile',
+		method: 'PUT',
+		body,
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const checkDisplayName = (displayName: string): DispatchAction => ({
-  type: DispatchActionType.APPLICATION_DISPLAY_NAME_AVAILABLE,
-  useAPI: true,
-  status: RequestStatus.PENDING,
-  request: {
-    path: "/user/name/available",
-    method: "POST",
-    body: { name: displayName }
-  }
-})
+	type: DispatchActionType.APPLICATION_DISPLAY_NAME_AVAILABLE,
+	useAPI: true,
+	status: RequestStatus.PENDING,
+	request: {
+		path: '/user/name/available',
+		method: 'POST',
+		body: { name: displayName },
+	},
+});
 
 export const saveBasic = (data: BasicFields): DispatchAction => ({
-  type: DispatchActionType.APPLICATION_SAVE_BASIC,
-  useAPI: false,
-  status: RequestStatus.PENDING,
-  data
-})
+	type: DispatchActionType.APPLICATION_SAVE_BASIC,
+	useAPI: false,
+	status: RequestStatus.PENDING,
+	data,
+});
 
 export const saveEssay = (data: EssayFields): DispatchAction => ({
-  type: DispatchActionType.APPLICATION_SAVE_ESSAY,
-  useAPI: false,
-  status: RequestStatus.PENDING,
-  data
-})
+	type: DispatchActionType.APPLICATION_SAVE_ESSAY,
+	useAPI: false,
+	status: RequestStatus.PENDING,
+	data,
+});
 
 export const saveExperience = (data: ExperienceFields): DispatchAction => ({
-  type: DispatchActionType.APPLICATION_SAVE_EXPERIENCE,
-  useAPI: false,
-  status: RequestStatus.PENDING,
-  data
-})
+	type: DispatchActionType.APPLICATION_SAVE_EXPERIENCE,
+	useAPI: false,
+	status: RequestStatus.PENDING,
+	data,
+});
 
 export const saveLogistics = (data: LogisticsFields): DispatchAction => ({
-  type: DispatchActionType.APPLICATION_SAVE_LOGISTICS,
-  useAPI: false,
-  status: RequestStatus.PENDING,
-  data
-})
+	type: DispatchActionType.APPLICATION_SAVE_LOGISTICS,
+	useAPI: false,
+	status: RequestStatus.PENDING,
+	data,
+});
 
 export const savePortfolio = (data: PortfolioFields): DispatchAction => ({
-  type: DispatchActionType.APPLICATION_SAVE_PORTFOLIO,
-  useAPI: false,
-  status: RequestStatus.PENDING,
-  data
-})
+	type: DispatchActionType.APPLICATION_SAVE_PORTFOLIO,
+	useAPI: false,
+	status: RequestStatus.PENDING,
+	data,
+});
 
 export const saveSchool = (data: SchoolFields): DispatchAction => ({
-  type: DispatchActionType.APPLICATION_SAVE_SCHOOL,
-  useAPI: false,
-  status: RequestStatus.PENDING,
-  data
-})
+	type: DispatchActionType.APPLICATION_SAVE_SCHOOL,
+	useAPI: false,
+	status: RequestStatus.PENDING,
+	data,
+});
 
 export const saveWorkAuth = (
-  data: WorkAuthorizationFields
+	data: WorkAuthorizationFields,
 ): DispatchAction => ({
-  type: DispatchActionType.APPLICATION_SAVE_WORK_AUTH,
-  useAPI: false,
-  status: RequestStatus.PENDING,
-  data
-})
+	type: DispatchActionType.APPLICATION_SAVE_WORK_AUTH,
+	useAPI: false,
+	status: RequestStatus.PENDING,
+	data,
+});
diff --git a/src/actions/auth.ts b/src/actions/auth.ts
index 46bfdc4..83c8f78 100644
--- a/src/actions/auth.ts
+++ b/src/actions/auth.ts
@@ -1,83 +1,83 @@
-import { DispatchActionType } from "enums/DispatchActionType"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchAction, RemoteDispatchAction } from "types/DispatchAction"
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchAction, RemoteDispatchAction } from 'types/DispatchAction';
 
 export const register = (email: string, password: string): DispatchAction => ({
-  type: DispatchActionType.AUTH_REGISTER,
-  useAPI: true,
-  request: {
-    path: "/auth/register",
-    method: "POST",
-    body: { email, password }
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.AUTH_REGISTER,
+	useAPI: true,
+	request: {
+		path: '/auth/register',
+		method: 'POST',
+		body: { email, password },
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const verify = (token: string): DispatchAction => ({
-  type: DispatchActionType.AUTH_VERIFY,
-  useAPI: true,
-  request: {
-    path: `/auth/verify/${token}`,
-    method: "GET"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.AUTH_VERIFY,
+	useAPI: true,
+	request: {
+		path: `/auth/verify/${token}`,
+		method: 'GET',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const resendVerification = (email: string): DispatchAction => ({
-  type: DispatchActionType.AUTH_VERIFY_RESEND,
-  useAPI: true,
-  request: {
-    path: "/auth/verify/resend",
-    method: "POST",
-    body: {
-      email
-    }
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.AUTH_VERIFY_RESEND,
+	useAPI: true,
+	request: {
+		path: '/auth/verify/resend',
+		method: 'POST',
+		body: {
+			email,
+		},
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const login = (email?: string, password?: string): DispatchAction => ({
-  type: DispatchActionType.AUTH_LOGIN,
-  useAPI: true,
-  request: {
-    path: "/auth/login",
-    method: "POST",
-    body: { email, password }
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.AUTH_LOGIN,
+	useAPI: true,
+	request: {
+		path: '/auth/login',
+		method: 'POST',
+		body: { email, password },
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const loginWithToken = (): RemoteDispatchAction => ({
-  type: DispatchActionType.AUTH_LOGIN_TOKEN,
-  useAPI: true,
-  request: {
-    path: "/auth/login",
-    method: "POST"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.AUTH_LOGIN_TOKEN,
+	useAPI: true,
+	request: {
+		path: '/auth/login',
+		method: 'POST',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const requestReset = (email: string): DispatchAction => ({
-  type: DispatchActionType.AUTH_REQUEST_RESET,
-  useAPI: true,
-  request: {
-    path: "/auth/request-reset",
-    method: "POST",
-    body: { email }
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.AUTH_REQUEST_RESET,
+	useAPI: true,
+	request: {
+		path: '/auth/request-reset',
+		method: 'POST',
+		body: { email },
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const resetPassword = (
-  token: string,
-  password: string
+	token: string,
+	password: string,
 ): DispatchAction => ({
-  type: DispatchActionType.AUTH_RESET_PASSWORD,
-  useAPI: true,
-  request: {
-    path: "/auth/reset/password",
-    method: "POST",
-    body: { token, password }
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.AUTH_RESET_PASSWORD,
+	useAPI: true,
+	request: {
+		path: '/auth/reset/password',
+		method: 'POST',
+		body: { token, password },
+	},
+	status: RequestStatus.PENDING,
+});
diff --git a/src/actions/checkin.ts b/src/actions/checkin.ts
index 1329c0c..848ba44 100644
--- a/src/actions/checkin.ts
+++ b/src/actions/checkin.ts
@@ -1,13 +1,13 @@
-import { DispatchActionType } from "enums/DispatchActionType"
-import { RequestStatus } from "enums/RequestStatus"
-import { RemoteDispatchAction } from "types/DispatchAction"
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { RequestStatus } from 'enums/RequestStatus';
+import { RemoteDispatchAction } from 'types/DispatchAction';
 
 export const allCheckInItems = (): RemoteDispatchAction => ({
-  type: DispatchActionType.USER_GET_TEAM,
-  useAPI: true,
-  request: {
-    path: "/check-in",
-    method: "GET"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.USER_GET_TEAM,
+	useAPI: true,
+	request: {
+		path: '/check-in',
+		method: 'GET',
+	},
+	status: RequestStatus.PENDING,
+});
diff --git a/src/actions/index.ts b/src/actions/index.ts
index 99ddfce..aaf3048 100644
--- a/src/actions/index.ts
+++ b/src/actions/index.ts
@@ -1,23 +1,23 @@
-import * as auth from "./auth"
-import * as teams from "./teams"
-import * as sponsors from "./sponsors"
-import * as application from "./application"
-import * as user from "./user"
-import * as settings from "./settings"
-import * as requests from "./requests"
-import * as recruiters from "./recruiters"
-import * as analytics from "./analytics"
-import * as checkin from "./checkin"
+import * as auth from './auth';
+import * as teams from './teams';
+import * as sponsors from './sponsors';
+import * as application from './application';
+import * as user from './user';
+import * as settings from './settings';
+import * as requests from './requests';
+import * as recruiters from './recruiters';
+import * as analytics from './analytics';
+import * as checkin from './checkin';
 
 export default {
-  auth,
-  user,
-  sponsors,
-  application,
-  teams,
-  settings,
-  requests,
-  recruiters,
-  analytics,
-  checkin
-}
+	auth,
+	user,
+	sponsors,
+	application,
+	teams,
+	settings,
+	requests,
+	recruiters,
+	analytics,
+	checkin,
+};
diff --git a/src/actions/recruiters.ts b/src/actions/recruiters.ts
index 969579b..b21dc46 100644
--- a/src/actions/recruiters.ts
+++ b/src/actions/recruiters.ts
@@ -1,24 +1,24 @@
-import { DispatchActionType } from "enums/DispatchActionType"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchAction } from "types/DispatchAction"
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchAction } from 'types/DispatchAction';
 
 export const create = (
-  sponsorId: string,
-  email: string,
-  firstName: string,
-  lastName: string
+	sponsorId: string,
+	email: string,
+	firstName: string,
+	lastName: string,
 ): DispatchAction => ({
-  type: DispatchActionType.RECRUITER_CREATE,
-  useAPI: true,
-  request: {
-    path: "/recruiter",
-    method: "POST",
-    body: {
-      sponsorId,
-      email,
-      firstName,
-      lastName
-    }
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.RECRUITER_CREATE,
+	useAPI: true,
+	request: {
+		path: '/recruiter',
+		method: 'POST',
+		body: {
+			sponsorId,
+			email,
+			firstName,
+			lastName,
+		},
+	},
+	status: RequestStatus.PENDING,
+});
diff --git a/src/actions/requests.ts b/src/actions/requests.ts
index da1f690..ca7dbb1 100644
--- a/src/actions/requests.ts
+++ b/src/actions/requests.ts
@@ -1,63 +1,63 @@
-import { DispatchActionType } from "enums/DispatchActionType"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchAction } from "types/DispatchAction"
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchAction } from 'types/DispatchAction';
 
 export const curUserRequests = (): DispatchAction => ({
-  type: DispatchActionType.CURRENT_USER_REQUESTS,
-  useAPI: true,
-  request: {
-    path: "/requests/user/",
-    method: "GET"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.CURRENT_USER_REQUESTS,
+	useAPI: true,
+	request: {
+		path: '/requests/user/',
+		method: 'GET',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const curTeamRequests = (): DispatchAction => ({
-  type: DispatchActionType.CURRENT_TEAM_REQUESTS,
-  useAPI: true,
-  request: {
-    path: "/requests/team/",
-    method: "GET"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.CURRENT_TEAM_REQUESTS,
+	useAPI: true,
+	request: {
+		path: '/requests/team/',
+		method: 'GET',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const acceptRequest = (requestId: string): DispatchAction => ({
-  type: DispatchActionType.REQUEST_ACCEPT,
-  useAPI: true,
-  request: {
-    path: "/requests/accept/" + requestId,
-    method: "POST"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.REQUEST_ACCEPT,
+	useAPI: true,
+	request: {
+		path: '/requests/accept/' + requestId,
+		method: 'POST',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const declineRequest = (requestId: string): DispatchAction => ({
-  type: DispatchActionType.REQUEST_DECLINE,
-  useAPI: true,
-  request: {
-    path: "/requests/decline/" + requestId,
-    method: "POST"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.REQUEST_DECLINE,
+	useAPI: true,
+	request: {
+		path: '/requests/decline/' + requestId,
+		method: 'POST',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const cancelRequest = (requestId: string): DispatchAction => ({
-  type: DispatchActionType.REQUEST_CANCEL,
-  useAPI: true,
-  request: {
-    path: "/requests/cancel/" + requestId,
-    method: "POST"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.REQUEST_CANCEL,
+	useAPI: true,
+	request: {
+		path: '/requests/cancel/' + requestId,
+		method: 'POST',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const openRequest = (requestId: string): DispatchAction => ({
-  type: DispatchActionType.REQUEST_OPEN,
-  useAPI: true,
-  request: {
-    path: "/requests/open/" + requestId,
-    method: "PATCH"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.REQUEST_OPEN,
+	useAPI: true,
+	request: {
+		path: '/requests/open/' + requestId,
+		method: 'PATCH',
+	},
+	status: RequestStatus.PENDING,
+});
diff --git a/src/actions/settings.ts b/src/actions/settings.ts
index bb74dad..2a7ca25 100644
--- a/src/actions/settings.ts
+++ b/src/actions/settings.ts
@@ -1,47 +1,47 @@
-import { DispatchActionType } from "enums/DispatchActionType"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchAction } from "types/DispatchAction"
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchAction } from 'types/DispatchAction';
 
 export const getOpenTime = (): DispatchAction => ({
-  type: DispatchActionType.SETTINGS_OPEN_TIME,
-  useAPI: true,
-  request: {
-    path: "/settings/time/open",
-    method: "GET",
-    body: {}
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.SETTINGS_OPEN_TIME,
+	useAPI: true,
+	request: {
+		path: '/settings/time/open',
+		method: 'GET',
+		body: {},
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const getCloseTime = (): DispatchAction => ({
-  type: DispatchActionType.SETTINGS_CLOSE_TIME,
-  useAPI: true,
-  request: {
-    path: "/settings/time/close",
-    method: "GET",
-    body: {}
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.SETTINGS_CLOSE_TIME,
+	useAPI: true,
+	request: {
+		path: '/settings/time/close',
+		method: 'GET',
+		body: {},
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const getConfirmTime = (): DispatchAction => ({
-  type: DispatchActionType.SETTINGS_CONFIRM_TIME,
-  useAPI: true,
-  request: {
-    path: "/settings/time/confirm",
-    method: "GET",
-    body: {}
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.SETTINGS_CONFIRM_TIME,
+	useAPI: true,
+	request: {
+		path: '/settings/time/confirm',
+		method: 'GET',
+		body: {},
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const getWaitlistStatus = (): DispatchAction => ({
-  type: DispatchActionType.WAITLIST_STATUS,
-  useAPI: true,
-  request: {
-    path: "/settings/waitlist",
-    method: "GET",
-    body: {}
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.WAITLIST_STATUS,
+	useAPI: true,
+	request: {
+		path: '/settings/waitlist',
+		method: 'GET',
+		body: {},
+	},
+	status: RequestStatus.PENDING,
+});
diff --git a/src/actions/sponsors.ts b/src/actions/sponsors.ts
index b46cd6c..c023c76 100644
--- a/src/actions/sponsors.ts
+++ b/src/actions/sponsors.ts
@@ -1,26 +1,26 @@
-import { DispatchActionType } from "enums/DispatchActionType"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchAction } from "types/DispatchAction"
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchAction } from 'types/DispatchAction';
 
 export const list = (): DispatchAction => ({
-  type: DispatchActionType.SPONSORS_LIST,
-  useAPI: true,
-  request: {
-    path: "/sponsors",
-    method: "GET"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.SPONSORS_LIST,
+	useAPI: true,
+	request: {
+		path: '/sponsors',
+		method: 'GET',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const create = (sponsorName: string): DispatchAction => ({
-  type: DispatchActionType.SPONSORS_CREATE,
-  useAPI: true,
-  request: {
-    path: "/sponsor",
-    method: "POST",
-    body: {
-      name: sponsorName
-    }
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.SPONSORS_CREATE,
+	useAPI: true,
+	request: {
+		path: '/sponsor',
+		method: 'POST',
+		body: {
+			name: sponsorName,
+		},
+	},
+	status: RequestStatus.PENDING,
+});
diff --git a/src/actions/teams.ts b/src/actions/teams.ts
index 4e1ca63..20503ab 100644
--- a/src/actions/teams.ts
+++ b/src/actions/teams.ts
@@ -1,86 +1,86 @@
-import { DispatchActionType } from "enums/DispatchActionType"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchAction, RemoteDispatchAction } from "types/DispatchAction"
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchAction, RemoteDispatchAction } from 'types/DispatchAction';
 
 export const viewTeams = (): RemoteDispatchAction => ({
-  type: DispatchActionType.TEAMS_VIEW,
-  useAPI: true,
-  request: {
-    path: "/teams",
-    method: "GET"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.TEAMS_VIEW,
+	useAPI: true,
+	request: {
+		path: '/teams',
+		method: 'GET',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const joinTeamRequest = (id: string): DispatchAction => ({
-  type: DispatchActionType.TEAM_JOIN,
-  useAPI: true,
-  request: {
-    path: `/team/join/${id}`,
-    method: "POST",
-    body: { id }
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.TEAM_JOIN,
+	useAPI: true,
+	request: {
+		path: `/team/join/${id}`,
+		method: 'POST',
+		body: { id },
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const getTeamInfo = (teamId: string): DispatchAction => ({
-  type: DispatchActionType.TEAM_INFO,
-  useAPI: true,
-  request: {
-    path: `/team/${teamId}`,
-    method: "GET",
-    body: { teamId }
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.TEAM_INFO,
+	useAPI: true,
+	request: {
+		path: `/team/${teamId}`,
+		method: 'GET',
+		body: { teamId },
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const leaveTeam = (): DispatchAction => ({
-  type: DispatchActionType.TEAM_LEAVE,
-  useAPI: true,
-  request: {
-    path: "/team/leave",
-    method: "POST",
-    body: {}
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.TEAM_LEAVE,
+	useAPI: true,
+	request: {
+		path: '/team/leave',
+		method: 'POST',
+		body: {},
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const createTeam = (
-  name: string,
-  description: string
+	name: string,
+	description: string,
 ): DispatchAction => ({
-  type: DispatchActionType.TEAM_CREATE,
-  useAPI: true,
-  request: {
-    path: "/team/",
-    method: "POST",
-    body: { name, description }
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.TEAM_CREATE,
+	useAPI: true,
+	request: {
+		path: '/team/',
+		method: 'POST',
+		body: { name, description },
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const inviteByEmail = (email: string): DispatchAction => ({
-  type: DispatchActionType.TEAM_INVITE_BY_EMAIL,
-  useAPI: true,
-  request: {
-    path: "/team/invite",
-    method: "POST",
-    body: { email }
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.TEAM_INVITE_BY_EMAIL,
+	useAPI: true,
+	request: {
+		path: '/team/invite',
+		method: 'POST',
+		body: { email },
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const editTeamInfo = (
-  name?: string,
-  description?: string,
-  visible?: boolean
+	name?: string,
+	description?: string,
+	visible?: boolean,
 ): DispatchAction => ({
-  type: DispatchActionType.TEAM_EDIT,
-  useAPI: true,
-  request: {
-    path: "/team/",
-    method: "PATCH",
-    body: { name, description, visible }
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.TEAM_EDIT,
+	useAPI: true,
+	request: {
+		path: '/team/',
+		method: 'PATCH',
+		body: { name, description, visible },
+	},
+	status: RequestStatus.PENDING,
+});
diff --git a/src/actions/user.ts b/src/actions/user.ts
index 0e68e44..8d9466b 100644
--- a/src/actions/user.ts
+++ b/src/actions/user.ts
@@ -1,131 +1,140 @@
-import { DispatchActionType } from "enums/DispatchActionType"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchAction, RemoteDispatchAction } from "types/DispatchAction"
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchAction, RemoteDispatchAction } from 'types/DispatchAction';
 
 export const getOwnTeam = (): RemoteDispatchAction => ({
-  type: DispatchActionType.USER_GET_TEAM,
-  useAPI: true,
-  request: {
-    path: "/user/team",
-    method: "GET"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.USER_GET_TEAM,
+	useAPI: true,
+	request: {
+		path: '/user/team',
+		method: 'GET',
+	},
+	status: RequestStatus.PENDING,
+});
 export const getProfile = (id: string): DispatchAction => ({
-  type: DispatchActionType.USER_PROFILE,
-  useAPI: true,
-  request: {
-    path: `/users/${id}/profile/`,
-    method: "GET"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.USER_PROFILE,
+	useAPI: true,
+	request: {
+		path: `/users/${id}/profile/`,
+		method: 'GET',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const getUsers = (): DispatchAction => ({
-  type: DispatchActionType.GET_USERS,
-  useAPI: true,
-  request: {
-    path: "/users",
-    method: "GET"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.GET_USERS,
+	useAPI: true,
+	request: {
+		path: '/users',
+		method: 'GET',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const getParticipants = (): DispatchAction => ({
-  type: DispatchActionType.GET_PARTICIPANTS,
-  useAPI: true,
-  request: {
-    path: "/participants",
-    method: "GET"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.GET_PARTICIPANTS,
+	useAPI: true,
+	request: {
+		path: '/participants',
+		method: 'GET',
+	},
+	status: RequestStatus.PENDING,
+});
 
+export const getTeams = (): DispatchAction => ({
+	type: DispatchActionType.TEAMS_VIEW,
+	useAPI: true,
+	request: {
+		path: '/teams',
+		method: 'GET',
+	},
+	status: RequestStatus.PENDING,
+});
 export const admitUser = (id: string): DispatchAction => ({
-  type: DispatchActionType.ADMIT_USER,
-  useAPI: true,
-  request: {
-    path: `/users/${id}/admit/`,
-    method: "POST"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.ADMIT_USER,
+	useAPI: true,
+	request: {
+		path: `/users/${id}/admit/`,
+		method: 'POST',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const rejectUser = (id: string): DispatchAction => ({
-  type: DispatchActionType.REJECT_USER,
-  useAPI: true,
-  request: {
-    path: `/users/${id}/reject/`,
-    method: "POST"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.REJECT_USER,
+	useAPI: true,
+	request: {
+		path: `/users/${id}/reject/`,
+		method: 'POST',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const admitAll = (): DispatchAction => ({
-  type: DispatchActionType.ADMIT_ALL,
-  useAPI: true,
-  request: {
-    path: "/users/admit/all",
-    method: "POST"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.ADMIT_ALL,
+	useAPI: true,
+	request: {
+		path: '/users/admit/all',
+		method: 'POST',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const rejectAll = (): DispatchAction => ({
-  type: DispatchActionType.REJECT_ALL,
-  useAPI: true,
-  request: {
-    path: "/users/reject/all",
-    method: "POST"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.REJECT_ALL,
+	useAPI: true,
+	request: {
+		path: '/users/reject/all',
+		method: 'POST',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const confirm = (
-  signatureLiability: boolean,
-  signatureCodeOfConduct: boolean,
-  willMentor: boolean
+	signatureLiability: boolean,
+	signatureCodeOfConduct: boolean,
+	willMentor: boolean,
 ): DispatchAction => ({
-  type: DispatchActionType.USER_CONFIRM,
-  useAPI: true,
-  request: {
-    path: "/user/confirmation",
-    method: "PUT",
-    body: {
-      signatureLiability,
-      signatureCodeOfConduct,
-      willMentor
-    }
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.USER_CONFIRM,
+	useAPI: true,
+	request: {
+		path: '/user/confirmation',
+		method: 'PUT',
+		body: {
+			signatureLiability,
+			signatureCodeOfConduct,
+			willMentor,
+		},
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const declineAcceptance = (): DispatchAction => ({
-  type: DispatchActionType.USER_DECLINE_ACCEPTANCE,
-  useAPI: true,
-  request: {
-    path: "/user/decline",
-    method: "PUT"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.USER_DECLINE_ACCEPTANCE,
+	useAPI: true,
+	request: {
+		path: '/user/decline',
+		method: 'PUT',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const addAdmin = (id: string): DispatchAction => ({
-  type: DispatchActionType.ADD_ADMIN,
-  useAPI: true,
-  request: {
-    path: `/admin/${id}`,
-    method: "POST"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.ADD_ADMIN,
+	useAPI: true,
+	request: {
+		path: `/admin/${id}`,
+		method: 'POST',
+	},
+	status: RequestStatus.PENDING,
+});
 
 export const removeAdmin = (id: string): DispatchAction => ({
-  type: DispatchActionType.REMOVE_ADMIN,
-  useAPI: true,
-  request: {
-    path: `/admin/remove/${id}`,
-    method: "POST"
-  },
-  status: RequestStatus.PENDING
-})
+	type: DispatchActionType.REMOVE_ADMIN,
+	useAPI: true,
+	request: {
+		path: `/admin/remove/${id}`,
+		method: 'POST',
+	},
+	status: RequestStatus.PENDING,
+});
diff --git a/src/components/admin/AdminDialog/index.module.scss b/src/components/admin/AdminDialog/index.module.scss
index ccd2334..824a958 100644
--- a/src/components/admin/AdminDialog/index.module.scss
+++ b/src/components/admin/AdminDialog/index.module.scss
@@ -1,11 +1,11 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .tabs {
-  width: 100%;
-  justify-content: space-between;
+	width: 100%;
+	justify-content: space-between;
 }
 
 .tabPanel {
-  width: 100%;
+	width: 100%;
 }
diff --git a/src/components/admin/AdminDialog/index.tsx b/src/components/admin/AdminDialog/index.tsx
index 5466982..38c2849 100644
--- a/src/components/admin/AdminDialog/index.tsx
+++ b/src/components/admin/AdminDialog/index.tsx
@@ -1,66 +1,73 @@
-import { Box, Tab } from "@mui/material"
-import { TabContext, TabList, TabPanel } from "@mui/lab"
-import { ReactElement, useEffect, useState } from "react"
-import { useDispatch } from "react-redux"
-import actions from "src/actions"
-import FloatingDiv from "src/components/design/FloatingDiv"
-import AnalyticsTab from "../Analytics"
-import ParticipantTable from "../ParticipantTable"
-import RecruiterCreationForm from "../RecruiterCreationForm"
-import SponsorCreationForm from "../SponsorCreationForm"
-import CheckInTable from "../CheckInTable"
-import styles from "./index.module.scss"
+import { Box, Tab } from '@mui/material';
+import { TabContext, TabList, TabPanel } from '@mui/lab';
+import { ReactElement, useEffect, useState } from 'react';
+import { useDispatch } from 'react-redux';
+import actions from 'src/actions';
+import FloatingDiv from 'src/components/design/FloatingDiv';
+import AnalyticsTab from '../Analytics';
+import Teams from '../Teams';
+import ParticipantTable from '../ParticipantTable';
+import RecruiterCreationForm from '../RecruiterCreationForm';
+import SponsorCreationForm from '../SponsorCreationForm';
+import CheckInTable from '../CheckInTable';
+import styles from './index.module.scss';
+import axios from 'axios';
 
 const AdminDialog = (): ReactElement => {
-  const dispatch = useDispatch()
-  const [tabIndex, setTabIndex] = useState("0")
+	const [tabIndex, setTabIndex] = useState('0');
 
-  useEffect(() => {
-    const querySponsors = async () => {
-      try {
-        await dispatch(actions.sponsors.list())
-      } catch (err) {
-        console.error(err)
-      }
-    }
-    querySponsors()
-  }, [])
+	useEffect(() => {
+		const querySponsors = async () => {
+			try {
+				// await dispatch(actions.sponsors.list())
+			} catch (err) {
+				console.error(err);
+			}
+		};
+		querySponsors();
+	}, []);
 
-  return (
-    <FloatingDiv>
-      <TabContext value={tabIndex}>
-        <Box>
-          <TabList
-            value={tabIndex}
-            onChange={(e, newIndex: string) => setTabIndex(newIndex)}
-            className={styles.tabs}
-            variant="scrollable"
-          >
-            <Tab label="Participants" value="0" />
-            <Tab label="Recruiters" value="1" />
-            <Tab label="Sponsors" value="2" />
-            <Tab label="Analytics" value="3" />
-            <Tab label="Check-in Items" value="4" />
-          </TabList>
-        </Box>
-        <TabPanel value="0" className={styles.tabPanel}>
-          <ParticipantTable />
-        </TabPanel>
-        <TabPanel value="1" className={styles.tabPanel}>
-          <RecruiterCreationForm />
-        </TabPanel>
-        <TabPanel value="2" className={styles.tabPanel}>
-          <SponsorCreationForm />
-        </TabPanel>
-        <TabPanel value="3" className={styles.tabPanel}>
-          <AnalyticsTab />
-        </TabPanel>
-        <TabPanel value="4" className={styles.tabPanel}>
-          <CheckInTable />
-        </TabPanel>
-      </TabContext>
-    </FloatingDiv>
-  )
-}
+	return (
+		<FloatingDiv>
+			<TabContext value={tabIndex}>
+				<Box>
+					<TabList
+						value={tabIndex}
+						onChange={(e, newIndex: string) =>
+							setTabIndex(newIndex)
+						}
+						className={styles.tabs}
+						variant="scrollable"
+					>
+						<Tab label="Participants" value="0" />
+						<Tab label="Teams" value="1" />
+						<Tab label="Recruiters" value="2" />
+						<Tab label="Sponsors" value="3" />
+						<Tab label="Analytics" value="4" />
+						<Tab label="Check-in Items" value="5" />
+					</TabList>
+				</Box>
+				<TabPanel value="0" className={styles.tabPanel}>
+					<ParticipantTable />
+				</TabPanel>
+				<TabPanel value="1" className={styles.tabPanel}>
+					<Teams />
+				</TabPanel>
+				<TabPanel value="2" className={styles.tabPanel}>
+					<RecruiterCreationForm />
+				</TabPanel>
+				<TabPanel value="3" className={styles.tabPanel}>
+					<SponsorCreationForm />
+				</TabPanel>
+				<TabPanel value="4" className={styles.tabPanel}>
+					<AnalyticsTab />
+				</TabPanel>
+				<TabPanel value="4" className={styles.tabPanel}>
+					<CheckInTable />
+				</TabPanel>
+			</TabContext>
+		</FloatingDiv>
+	);
+};
 
-export default AdminDialog
+export default AdminDialog;
diff --git a/src/components/admin/Analytics/Demographics.tsx b/src/components/admin/Analytics/Demographics.tsx
index 0307995..404ae14 100644
--- a/src/components/admin/Analytics/Demographics.tsx
+++ b/src/components/admin/Analytics/Demographics.tsx
@@ -1,200 +1,227 @@
-import { Typography } from "@mui/material"
+import { Typography } from '@mui/material';
 import {
-  AlternateEmail,
-  CalendarToday,
-  Cancel,
-  CheckCircle,
-  Code,
-  Person,
-  School
-} from "@mui/icons-material"
-import { ReactElement } from "react"
-import { useDispatch } from "react-redux"
-import { AnalyticsData } from "src/_types/AnalyticsData"
-import styles from "./index.module.scss"
+	AlternateEmail,
+	CalendarToday,
+	Cancel,
+	CheckCircle,
+	Code,
+	Person,
+	School,
+} from '@mui/icons-material';
+import { ReactElement } from 'react';
+import { useDispatch } from 'react-redux';
+import { AnalyticsData } from 'src/_types/AnalyticsData';
+import styles from './index.module.scss';
 
 const Demographics = ({
-  data
+	data,
 }: {
-  data?: AnalyticsData | undefined
+	data?: AnalyticsData | undefined;
 }): ReactElement => {
-  const dispatch = useDispatch()
+	const dispatch = useDispatch();
 
-  if (data === undefined) {
-    return <></>
-  }
+	if (data === undefined) {
+		return <></>;
+	}
 
-  const parseGraduationYear = (
-    data: AnalyticsData | undefined
-  ): JSX.Element[] | null => {
-    if (data === undefined) {
-      return null
-    }
-    return Array.from(Object.keys(data.demographic.year)).map((year) => (
-      <li key={year}>
-        {year +
-          ": " +
-          data.demographic.year[year] +
-          " (" +
-          Math.round((data.demographic.year[year] / data.submitted) * 100) +
-          "%)"}
-      </li>
-    ))
-  }
+	const parseGraduationYear = (
+		data: AnalyticsData | undefined,
+	): JSX.Element[] | null => {
+		if (data === undefined) {
+			return null;
+		}
+		return Array.from(Object.keys(data.demographic.year)).map((year) => (
+			<li key={year}>
+				{year +
+					': ' +
+					data.demographic.year[year] +
+					' (' +
+					Math.round(
+						(data.demographic.year[year] / data.submitted) * 100,
+					) +
+					'%)'}
+			</li>
+		));
+	};
 
-  const parseCollege = (
-    data: AnalyticsData | undefined
-  ): JSX.Element[] | null => {
-    if (data === undefined) {
-      return null
-    }
-    return Array.from(Object.keys(data.demographic.colleges))
-      .filter((college) => college !== "undefined")
-      .map((college) => (
-        <li key={college}>
-          {college +
-            ": " +
-            data.demographic.colleges[college] +
-            " (" +
-            Math.round(
-              (data.demographic.colleges[college] / data.submitted) * 100
-            ) +
-            "%)"}
-        </li>
-      ))
-  }
+	const parseCollege = (
+		data: AnalyticsData | undefined,
+	): JSX.Element[] | null => {
+		if (data === undefined) {
+			return null;
+		}
+		return Array.from(Object.keys(data.demographic.colleges))
+			.filter((college) => college !== 'undefined')
+			.map((college) => (
+				<li key={college}>
+					{college +
+						': ' +
+						data.demographic.colleges[college] +
+						' (' +
+						Math.round(
+							(data.demographic.colleges[college] /
+								data.submitted) *
+								100,
+						) +
+						'%)'}
+				</li>
+			));
+	};
 
-  const parseExperience = (
-    data: AnalyticsData | undefined
-  ): JSX.Element[] | null => {
-    if (data === undefined) {
-      return null
-    }
-    return Array.from(Object.keys(data.experiences)).map((ex) => (
-      <li key={ex}>
-        {ex +
-          ": " +
-          data.experiences[ex] +
-          " (" +
-          Math.round((data.experiences[ex] / data.submitted) * 100) +
-          "%)"}
-      </li>
-    ))
-  }
+	const parseExperience = (
+		data: AnalyticsData | undefined,
+	): JSX.Element[] | null => {
+		if (data === undefined) {
+			return null;
+		}
+		return Array.from(Object.keys(data.experiences)).map((ex) => (
+			<li key={ex}>
+				{ex +
+					': ' +
+					data.experiences[ex] +
+					' (' +
+					Math.round((data.experiences[ex] / data.submitted) * 100) +
+					'%)'}
+			</li>
+		));
+	};
 
-  const parseDomains = (
-    data: AnalyticsData | undefined
-  ): JSX.Element[] | null => {
-    if (data === undefined) {
-      return null
-    }
-    return Array.from(Object.keys(data.demographic.schools)).map((school) => (
-      <li key={school}>
-        {school +
-          ": " +
-          data.demographic.schools[school].submitted +
-          " (" +
-          Math.round(
-            (data.demographic.schools[school].submitted / data.submitted) * 100
-          ) +
-          "%)"}
-        <ul className={styles.statusList}>
-          <li>
-            <Typography className={styles.entry}>
-              <CheckCircle className={styles.icon} htmlColor="green" />{" "}
-              submitted: {data.demographic.schools[school].submitted}
-            </Typography>
-          </li>
-          <li>
-            <Typography className={styles.entry}>
-              <CheckCircle className={styles.icon} htmlColor="green" />{" "}
-              confirmed: {data.demographic.schools[school].confirmed}
-            </Typography>
-          </li>
-          <li>
-            <Typography className={styles.entry}>
-              <CheckCircle className={styles.icon} htmlColor="green" />{" "}
-              admitted: {data.demographic.schools[school].admitted}
-            </Typography>
-          </li>
-        </ul>
-      </li>
-    ))
-  }
+	const parseDomains = (
+		data: AnalyticsData | undefined,
+	): JSX.Element[] | null => {
+		if (data === undefined) {
+			return null;
+		}
+		return Array.from(Object.keys(data.demographic.schools)).map(
+			(school) => (
+				<li key={school}>
+					{school +
+						': ' +
+						data.demographic.schools[school].submitted +
+						' (' +
+						Math.round(
+							(data.demographic.schools[school].submitted /
+								data.submitted) *
+								100,
+						) +
+						'%)'}
+					<ul className={styles.statusList}>
+						<li>
+							<Typography className={styles.entry}>
+								<CheckCircle
+									className={styles.icon}
+									htmlColor="green"
+								/>{' '}
+								submitted:{' '}
+								{data.demographic.schools[school].submitted}
+							</Typography>
+						</li>
+						<li>
+							<Typography className={styles.entry}>
+								<CheckCircle
+									className={styles.icon}
+									htmlColor="green"
+								/>{' '}
+								confirmed:{' '}
+								{data.demographic.schools[school].confirmed}
+							</Typography>
+						</li>
+						<li>
+							<Typography className={styles.entry}>
+								<CheckCircle
+									className={styles.icon}
+									htmlColor="green"
+								/>{' '}
+								admitted:{' '}
+								{data.demographic.schools[school].admitted}
+							</Typography>
+						</li>
+					</ul>
+				</li>
+			),
+		);
+	};
 
-  return (
-    <div className={styles.section}>
-      <Typography variant="h4">DEMOGRAPHICS</Typography>
-      <div className={styles.subsection}>
-        <Typography className={styles.entry}>
-          <Person className={styles.icon} />
-          Female: {data.demographic.gender["Female"] || 0} (
-          {Math.round(
-            ((data.demographic.gender["Female"] || 0) / data.submitted) * 100
-          )}
-          %)
-        </Typography>
-        <Typography className={styles.entry}>
-          <Person className={styles.icon} />
-          Male: {data.demographic.gender["Male"] || 0} (
-          {Math.round(
-            ((data.demographic.gender["Male"] || 0) / data.submitted) * 100
-          )}
-          %)
-        </Typography>
-        <Typography className={styles.entry}>
-          <Person className={styles.icon} />
-          Other: {data.demographic.gender["Other"] || 0} (
-          {Math.round(
-            ((data.demographic.gender["Other"] || 0) / data.submitted) * 100
-          )}
-          %)
-        </Typography>
-        <Typography className={styles.entry}>
-          <Person className={styles.icon} />
-          Did not respond: {data.demographic.gender["Prefer not to say"] || 0} (
-          {Math.round(
-            ((data.demographic.gender["Prefer not to say"] || 0) /
-              data.submitted) *
-              100
-          )}
-          %)
-        </Typography>
-      </div>
-      <div className={styles.subsection}>
-        <Typography className={styles.entry}>
-          <CalendarToday className={styles.icon} />
-          Graduation year
-        </Typography>
-        <Typography className={styles.entry}>
-          <ul>{parseGraduationYear(data)}</ul>
-        </Typography>
-        <Typography className={styles.entry}>
-          <Code className={styles.icon} />
-          Years of Hackathon Experience
-        </Typography>
-        <Typography className={styles.entry}>
-          <ul>{parseExperience(data)}</ul>
-        </Typography>
-      </div>
-      <div className={styles.subsection}>
-        <Typography className={styles.entry}>
-          <School className={styles.icon} />
-          CMU Colleges
-        </Typography>
-        <Typography className={styles.entry}>
-          <ul>{parseCollege(data)}</ul>
-        </Typography>
-        <Typography className={styles.entry}>
-          <AlternateEmail className={styles.icon} />
-          Schools
-        </Typography>
-        <Typography className={styles.entry}>
-          <ul>{parseDomains(data)}</ul>
-        </Typography>
-      </div>
-    </div>
-  )
-}
+	return (
+		<div className={styles.section}>
+			<Typography variant="h4">DEMOGRAPHICS</Typography>
+			<div className={styles.subsection}>
+				<Typography className={styles.entry}>
+					<Person className={styles.icon} />
+					Female: {data.demographic.gender['Female'] || 0} (
+					{Math.round(
+						((data.demographic.gender['Female'] || 0) /
+							data.submitted) *
+							100,
+					)}
+					%)
+				</Typography>
+				<Typography className={styles.entry}>
+					<Person className={styles.icon} />
+					Male: {data.demographic.gender['Male'] || 0} (
+					{Math.round(
+						((data.demographic.gender['Male'] || 0) /
+							data.submitted) *
+							100,
+					)}
+					%)
+				</Typography>
+				<Typography className={styles.entry}>
+					<Person className={styles.icon} />
+					Other: {data.demographic.gender['Other'] || 0} (
+					{Math.round(
+						((data.demographic.gender['Other'] || 0) /
+							data.submitted) *
+							100,
+					)}
+					%)
+				</Typography>
+				<Typography className={styles.entry}>
+					<Person className={styles.icon} />
+					Did not respond:{' '}
+					{data.demographic.gender['Prefer not to say'] || 0} (
+					{Math.round(
+						((data.demographic.gender['Prefer not to say'] || 0) /
+							data.submitted) *
+							100,
+					)}
+					%)
+				</Typography>
+			</div>
+			<div className={styles.subsection}>
+				<Typography className={styles.entry}>
+					<CalendarToday className={styles.icon} />
+					Graduation year
+				</Typography>
+				<Typography className={styles.entry}>
+					<ul>{parseGraduationYear(data)}</ul>
+				</Typography>
+				<Typography className={styles.entry}>
+					<Code className={styles.icon} />
+					Years of Hackathon Experience
+				</Typography>
+				<Typography className={styles.entry}>
+					<ul>{parseExperience(data)}</ul>
+				</Typography>
+			</div>
+			<div className={styles.subsection}>
+				<Typography className={styles.entry}>
+					<School className={styles.icon} />
+					CMU Colleges
+				</Typography>
+				<Typography className={styles.entry}>
+					<ul>{parseCollege(data)}</ul>
+				</Typography>
+				<Typography className={styles.entry}>
+					<AlternateEmail className={styles.icon} />
+					Schools
+				</Typography>
+				<Typography className={styles.entry}>
+					<ul>{parseDomains(data)}</ul>
+				</Typography>
+			</div>
+		</div>
+	);
+};
 
-export default Demographics
+export default Demographics;
diff --git a/src/components/admin/Analytics/Stats.tsx b/src/components/admin/Analytics/Stats.tsx
index 45a7bd8..c428e5a 100644
--- a/src/components/admin/Analytics/Stats.tsx
+++ b/src/components/admin/Analytics/Stats.tsx
@@ -1,185 +1,191 @@
 import {
-  AccessibilityNew,
-  Cancel,
-  CheckCircle,
-  Computer,
-  Person,
-  Restaurant
-} from "@mui/icons-material"
+	AccessibilityNew,
+	Cancel,
+	CheckCircle,
+	Computer,
+	Person,
+	Restaurant,
+} from '@mui/icons-material';
 import {
-  Paper,
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableHead,
-  TableRow,
-  Typography
-} from "@mui/material"
-import { ReactElement } from "react"
-import { AnalyticsData } from "src/_types/AnalyticsData"
-import styles from "./index.module.scss"
+	Paper,
+	Table,
+	TableBody,
+	TableCell,
+	TableContainer,
+	TableHead,
+	TableRow,
+	Typography,
+} from '@mui/material';
+import { ReactElement } from 'react';
+import { AnalyticsData } from 'src/_types/AnalyticsData';
+import styles from './index.module.scss';
 
 interface DietaryRestriction {
-  name: string
-  count: number
+	name: string;
+	count: number;
 }
 
 function DietaryRestrictionsTable({
-  dietaryRestrictions
+	dietaryRestrictions,
 }: {
-  dietaryRestrictions: DietaryRestriction[]
+	dietaryRestrictions: DietaryRestriction[];
 }): JSX.Element {
-  return (
-    <TableContainer component={Paper}>
-      <Table size="small">
-        <TableHead>
-          <TableRow>
-            <TableCell>Dietary Restriction</TableCell>
-            <TableCell>Number</TableCell>
-          </TableRow>
-        </TableHead>
-        <TableBody>
-          {dietaryRestrictions.map((restriction) => (
-            <TableRow key={restriction.name}>
-              <TableCell>{restriction.name}</TableCell>
-              <TableCell>{restriction.count}</TableCell>
-            </TableRow>
-          ))}
-        </TableBody>
-      </Table>
-    </TableContainer>
-  )
+	return (
+		<TableContainer component={Paper}>
+			<Table size="small">
+				<TableHead>
+					<TableRow>
+						<TableCell>Dietary Restriction</TableCell>
+						<TableCell>Number</TableCell>
+					</TableRow>
+				</TableHead>
+				<TableBody>
+					{dietaryRestrictions.map((restriction) => (
+						<TableRow key={restriction.name}>
+							<TableCell>{restriction.name}</TableCell>
+							<TableCell>{restriction.count}</TableCell>
+						</TableRow>
+					))}
+				</TableBody>
+			</Table>
+		</TableContainer>
+	);
 }
 
 const parseShirtSizes = (data: AnalyticsData | undefined): string => {
-  if (data === undefined) {
-    return ""
-  }
-  return Array.from(Object.keys(data.shirtSizes))
-    .map((size) => size + " (" + data.shirtSizes[size] + ")")
-    .join(", ")
-}
+	if (data === undefined) {
+		return '';
+	}
+	return Array.from(Object.keys(data.shirtSizes))
+		.map((size) => size + ' (' + data.shirtSizes[size] + ')')
+		.join(', ');
+};
 
 const cleanDietaryRestrictions = (
-  data: AnalyticsData | undefined
+	data: AnalyticsData | undefined,
 ): DietaryRestriction[] => {
-  if (data === undefined) {
-    return []
-  }
+	if (data === undefined) {
+		return [];
+	}
 
-  // Remove none and n/a
-  // Filter out noise words
-  const invalidKeys = ["none", "na", "no", "nil", ""]
-  const entries = Object.entries(data.dietaryRestrictions).map(
-    ([name, count]) => {
-      const lower = name.toLocaleLowerCase()
-      return [lower.trim(), count]
-    }
-  ) as [string, number][]
-  const filtered = entries.filter(
-    ([key]) => !invalidKeys.includes(key.toLowerCase().trim())
-  )
+	// Remove none and n/a
+	// Filter out noise words
+	const invalidKeys = ['none', 'na', 'no', 'nil', ''];
+	const entries = Object.entries(data.dietaryRestrictions).map(
+		([name, count]) => {
+			const lower = name.toLocaleLowerCase();
+			return [lower.trim(), count];
+		},
+	) as [string, number][];
+	const filtered = entries.filter(
+		([key]) => !invalidKeys.includes(key.toLowerCase().trim()),
+	);
 
-  // Merge duplicates
-  const merged = {} as Record<string, number>
-  for (const [name, count] of filtered) {
-    if (merged[name] == null) {
-      merged[name] = 0
-    }
-    merged[name] += count
-  }
+	// Merge duplicates
+	const merged = {} as Record<string, number>;
+	for (const [name, count] of filtered) {
+		if (merged[name] == null) {
+			merged[name] = 0;
+		}
+		merged[name] += count;
+	}
 
-  const restrictions = Object.entries(merged).map(([name, count]) => ({
-    name,
-    count
-  }))
-  const sorted = restrictions.sort((a, b) =>
-    a.count === b.count ? a.name.localeCompare(b.name) : b.count - a.count
-  )
+	const restrictions = Object.entries(merged).map(([name, count]) => ({
+		name,
+		count,
+	}));
+	const sorted = restrictions.sort((a, b) =>
+		a.count === b.count ? a.name.localeCompare(b.name) : b.count - a.count,
+	);
 
-  return sorted
-}
+	return sorted;
+};
 
 const Stats = ({
-  data
+	data,
 }: {
-  data?: AnalyticsData | undefined
+	data?: AnalyticsData | undefined;
 }): ReactElement => {
-  if (data === undefined) {
-    return <></>
-  }
+	if (data === undefined) {
+		return <></>;
+	}
 
-  return (
-    <div className={styles.section}>
-      <Typography variant="h4">STATS</Typography>
-      <div className={styles.subsection}>
-        <Typography className={styles.entry}>
-          <CheckCircle className={styles.icon} htmlColor="green" />
-          Total Users: {data.total}
-        </Typography>
-        <Typography className={styles.entry}>
-          <CheckCircle className={styles.icon} htmlColor="green" />
-          Verified Users: {data.verified} (
-          {Math.round((data.verified / data.total) * 100)}%)
-        </Typography>
-        <Typography className={styles.entry}>
-          <CheckCircle className={styles.icon} htmlColor="green" />
-          Submitted Users: {data.submitted} (
-          {Math.round((data.submitted / data.total) * 100)}%)
-        </Typography>
-      </div>
-      <div className={styles.subsection}>
-        <Typography className={styles.entry}>
-          <CheckCircle className={styles.icon} htmlColor="green" />
-          Admitted: {data.admitted}
-        </Typography>
-        <Typography className={styles.entry}>
-          <CheckCircle className={styles.icon} htmlColor="green" />
-          Confirmed (Total): {data.confirmed}
-        </Typography>
-        <Typography className={styles.entry}>
-          <CheckCircle className={styles.icon} htmlColor="green" />
-          Confirmed (CMU): {data.confirmedCmu}
-        </Typography>
-        <Typography className={styles.entry}>
-          <Cancel className={styles.icon} htmlColor="red" />
-          Declined: {data.declined}
-        </Typography>
-      </div>
-      <div className={styles.subsection}>
-        <Typography className={styles.entry}>
-          <AccessibilityNew className={styles.icon} />
-          Shirt sizes: {parseShirtSizes(data)}
-        </Typography>
-        <Typography className={styles.entry}>
-          <Computer className={styles.icon} />
-          Need Hardware: {data.wantsHardware}
-        </Typography>
-      </div>
-      <div className={styles.subsection}>
-        <Typography className={styles.entry}>
-          <Restaurant className={styles.icon} />
-          Dietary Restrictions:
-          <DietaryRestrictionsTable
-            dietaryRestrictions={cleanDietaryRestrictions(data)}
-          />
-        </Typography>
-      </div>
-      <div className={styles.subsection}>
-        <Typography className={styles.entry}>
-          <Person className={styles.icon} />
-          Attending Physically: {data.attendance.physical} (
-          {Math.round((data.attendance.physical / data.submitted) * 100)}%)
-        </Typography>
-        <Typography className={styles.entry}>
-          <Computer className={styles.icon} />
-          Attending Virtually: {data.attendance.virtual} (
-          {Math.round((data.attendance.virtual / data.submitted) * 100)}%)
-        </Typography>
-      </div>
-    </div>
-  )
-}
+	return (
+		<div className={styles.section}>
+			<Typography variant="h4">STATS</Typography>
+			<div className={styles.subsection}>
+				<Typography className={styles.entry}>
+					<CheckCircle className={styles.icon} htmlColor="green" />
+					Total Users: {data.total}
+				</Typography>
+				<Typography className={styles.entry}>
+					<CheckCircle className={styles.icon} htmlColor="green" />
+					Verified Users: {data.verified} (
+					{Math.round((data.verified / data.total) * 100)}%)
+				</Typography>
+				<Typography className={styles.entry}>
+					<CheckCircle className={styles.icon} htmlColor="green" />
+					Submitted Users: {data.submitted} (
+					{Math.round((data.submitted / data.total) * 100)}%)
+				</Typography>
+			</div>
+			<div className={styles.subsection}>
+				<Typography className={styles.entry}>
+					<CheckCircle className={styles.icon} htmlColor="green" />
+					Admitted: {data.admitted}
+				</Typography>
+				<Typography className={styles.entry}>
+					<CheckCircle className={styles.icon} htmlColor="green" />
+					Confirmed (Total): {data.confirmed}
+				</Typography>
+				<Typography className={styles.entry}>
+					<CheckCircle className={styles.icon} htmlColor="green" />
+					Confirmed (CMU): {data.confirmedCmu}
+				</Typography>
+				<Typography className={styles.entry}>
+					<Cancel className={styles.icon} htmlColor="red" />
+					Declined: {data.declined}
+				</Typography>
+			</div>
+			<div className={styles.subsection}>
+				<Typography className={styles.entry}>
+					<AccessibilityNew className={styles.icon} />
+					Shirt sizes: {parseShirtSizes(data)}
+				</Typography>
+				<Typography className={styles.entry}>
+					<Computer className={styles.icon} />
+					Need Hardware: {data.wantsHardware}
+				</Typography>
+			</div>
+			<div className={styles.subsection}>
+				<Typography className={styles.entry}>
+					<Restaurant className={styles.icon} />
+					Dietary Restrictions:
+					<DietaryRestrictionsTable
+						dietaryRestrictions={cleanDietaryRestrictions(data)}
+					/>
+				</Typography>
+			</div>
+			<div className={styles.subsection}>
+				<Typography className={styles.entry}>
+					<Person className={styles.icon} />
+					Attending Physically: {data.attendance.physical} (
+					{Math.round(
+						(data.attendance.physical / data.submitted) * 100,
+					)}
+					%)
+				</Typography>
+				<Typography className={styles.entry}>
+					<Computer className={styles.icon} />
+					Attending Virtually: {data.attendance.virtual} (
+					{Math.round(
+						(data.attendance.virtual / data.submitted) * 100,
+					)}
+					%)
+				</Typography>
+			</div>
+		</div>
+	);
+};
 
-export default Stats
+export default Stats;
diff --git a/src/components/admin/Analytics/index.module.scss b/src/components/admin/Analytics/index.module.scss
index d51e050..1c96202 100644
--- a/src/components/admin/Analytics/index.module.scss
+++ b/src/components/admin/Analytics/index.module.scss
@@ -1,92 +1,92 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .container {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-self: center;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-self: center;
 }
 
 .contents {
-  margin-top: 2em;
-  display: flex;
-  flex-direction: column;
-  gap: 2em;
-  width: 80%;
+	margin-top: 2em;
+	display: flex;
+	flex-direction: column;
+	gap: 2em;
+	width: 80%;
 }
 
 .headerContainer {
-  text-align: center;
-  align-self: center;
-  padding-bottom: 0.5rem;
+	text-align: center;
+	align-self: center;
+	padding-bottom: 0.5rem;
 
-  @include down($breakpoint-md) {
-    width: 60%;
-  }
+	@include down($breakpoint-md) {
+		width: 60%;
+	}
 
-  @include down($breakpoint-sm) {
-    width: 80%;
-  }
+	@include down($breakpoint-sm) {
+		width: 80%;
+	}
 }
 
 .header {
-  border-bottom: solid $text-color-primary 2px;
-  padding-bottom: 0.5rem;
+	border-bottom: solid $text-color-primary 2px;
+	padding-bottom: 0.5rem;
 
-  color: $text-color-primary;
-  font-weight: 600;
+	color: $text-color-primary;
+	font-weight: 600;
 
-  @include down($breakpoint-md) {
-    font-size: 2.5em;
-  }
+	@include down($breakpoint-md) {
+		font-size: 2.5em;
+	}
 
-  @include down($breakpoint-sm) {
-    font-size: 1.8em;
-  }
+	@include down($breakpoint-sm) {
+		font-size: 1.8em;
+	}
 }
 
 .spinnerContainer {
-  display: flex;
-  justify-content: center;
+	display: flex;
+	justify-content: center;
 }
 
 // Section-specific styles
 .section {
-  margin-top: 1em;
-  display: flex;
-  flex-direction: column;
-  gap: 1em;
+	margin-top: 1em;
+	display: flex;
+	flex-direction: column;
+	gap: 1em;
 }
 
 .entry {
-  display: flex;
-  align-items: center;
+	display: flex;
+	align-items: center;
 }
 
 .subsection {
-  border-bottom: solid $text-color-primary 1px;
-  padding-bottom: 2rem;
-  padding-top: 1rem;
+	border-bottom: solid $text-color-primary 1px;
+	padding-bottom: 2rem;
+	padding-top: 1rem;
 }
 
 .icon {
-  margin-right: 0.5rem;
-  height: 2rem;
+	margin-right: 0.5rem;
+	height: 2rem;
 }
 
 .iconList {
-  margin-right: 0.1em;
+	margin-right: 0.1em;
 }
 
 .statusList {
-  list-style: none;
+	list-style: none;
 }
 
 .greenIcon {
-  fill: "green";
+	fill: 'green';
 }
 
 .redIcon {
-  fill: "red";
+	fill: 'red';
 }
diff --git a/src/components/admin/Analytics/index.tsx b/src/components/admin/Analytics/index.tsx
index 39fe692..f8ea001 100644
--- a/src/components/admin/Analytics/index.tsx
+++ b/src/components/admin/Analytics/index.tsx
@@ -1,66 +1,71 @@
-import { CircularProgress, Collapse, Snackbar, Typography } from "@mui/material"
-import { Alert } from "@mui/material"
-import { ReactElement, useEffect, useState } from "react"
-import { useDispatch } from "react-redux"
-import actions from "src/actions"
-import { AnalyticsData } from "src/_types/AnalyticsData"
-import Demographics from "./Demographics"
-import styles from "./index.module.scss"
-import Stats from "./Stats"
+import {
+	CircularProgress,
+	Collapse,
+	Snackbar,
+	Typography,
+} from '@mui/material';
+import { Alert } from '@mui/material';
+import { ReactElement, useEffect, useState } from 'react';
+import { useDispatch } from 'react-redux';
+import actions from 'src/actions';
+import { AnalyticsData } from 'src/_types/AnalyticsData';
+import Demographics from './Demographics';
+import styles from './index.module.scss';
+import Stats from './Stats';
 
 const Analytics = (): ReactElement => {
-  const dispatch = useDispatch()
+	const dispatch = useDispatch();
 
-  const [error, setError] = useState(false)
-  const [errorMessage, setErrorMessage] = useState("")
+	const [error, setError] = useState(false);
+	const [errorMessage, setErrorMessage] = useState('');
 
-  const [loading, setLoading] = useState(true)
+	const [loading, setLoading] = useState(true);
 
-  const [data, setData] = useState<AnalyticsData | undefined>()
+	const [data, setData] = useState<AnalyticsData | undefined>();
 
-  useEffect(() => {
-    const getAnalytics = async () => {
-      setLoading(true)
-      try {
-        const { data } = await dispatch(actions.analytics.get())
-        setData(data)
-      } catch (err: any) {
-        setError(true)
-        setErrorMessage(err.data)
-      }
-      setLoading(false)
-    }
-    getAnalytics()
-  }, [])
+	useEffect(() => {
+		const getAnalytics = async () => {
+			setLoading(true);
+			try {
+				const { data } = await dispatch(actions.analytics.get());
+				setData(data);
+			} catch (err: any) {
+				setError(true);
+				setErrorMessage(err.data);
+			}
+			setLoading(false);
+		};
+		getAnalytics();
+	}, []);
 
-  return (
-    <div className={styles.container}>
-      <Snackbar
-        open={error}
-        autoHideDuration={5000}
-        onClose={(e) => setError(false)}
-        anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
-      >
-        <Alert severity="error">{errorMessage}</Alert>
-      </Snackbar>
-      <div className={styles.headerContainer}>
-        <Typography variant="h4" className={styles.header}>
-          Analytics
-        </Typography>
-      </div>
-      <Collapse in={loading}>
-        <div className={styles.spinnerContainer}>
-          <CircularProgress />
-        </div>
-      </Collapse>
-      <div className={styles.contents}>
-        <Stats data={data} />
-      </div>
-      <div className={styles.contents}>
-        <Demographics data={data} />
-      </div>
-    </div>
-  )
-}
+	return (
+		<div className={styles.container}>
+			<Snackbar
+				open={error}
+				autoHideDuration={5000}
+				onClose={(e) => setError(false)}
+				anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+			>
+				<Alert severity="error">{errorMessage}</Alert>
+			</Snackbar>
+			<div className={styles.headerContainer}>
+				<Typography variant="h4" className={styles.header}>
+					Analytics
+				</Typography>
+			</div>
+			<Collapse in={loading}>
+				<div className={styles.spinnerContainer}>
+					<CircularProgress />
+				</div>
+			</Collapse>
+			<div className={styles.contents}>
+				<Stats data={data} />
+			</div>
+			<div className={styles.contents}>
+				<Demographics data={data} />
+			</div>
+		</div>
+	);
+};
 
-export default Analytics
+export default Analytics;
diff --git a/src/components/admin/CheckInTable/index.module.scss b/src/components/admin/CheckInTable/index.module.scss
index 9bb5546..4d5c4a6 100644
--- a/src/components/admin/CheckInTable/index.module.scss
+++ b/src/components/admin/CheckInTable/index.module.scss
@@ -1,42 +1,42 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .dialog {
-  display: flex;
-  align-items: center;
-  width: 75%;
-  border-radius: 25px;
-  padding: 2rem;
-  margin: 0 auto;
-  flex-direction: column;
-  background-image: $dialog-container-gradient;
-  box-shadow: $dialog-container-box-shadow;
-  backdrop-filter: blur(4px);
+	display: flex;
+	align-items: center;
+	width: 75%;
+	border-radius: 25px;
+	padding: 2rem;
+	margin: 0 auto;
+	flex-direction: column;
+	background-image: $dialog-container-gradient;
+	box-shadow: $dialog-container-box-shadow;
+	backdrop-filter: blur(4px);
 
-  max-height: 70%;
-  overflow: scroll;
+	max-height: 70%;
+	overflow: scroll;
 
-  @include down($breakpoint-md) {
-    width: 80%;
-  }
+	@include down($breakpoint-md) {
+		width: 80%;
+	}
 
-  @include down($breakpoint-sm) {
-    width: 70%;
-  }
+	@include down($breakpoint-sm) {
+		width: 70%;
+	}
 }
 
 .dialogContent {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	width: 100%;
 }
 
 .spinnerContainer {
-  display: flex;
-  justify-content: center;
+	display: flex;
+	justify-content: center;
 }
 
 .table {
-  width: 100%;
+	width: 100%;
 }
diff --git a/src/components/admin/CheckInTable/index.tsx b/src/components/admin/CheckInTable/index.tsx
index 23f7f4c..cd6aa21 100644
--- a/src/components/admin/CheckInTable/index.tsx
+++ b/src/components/admin/CheckInTable/index.tsx
@@ -1,157 +1,178 @@
 import {
-  CircularProgress,
-  Collapse,
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableHead,
-  TableRow
-} from "@mui/material"
-import React, { ReactElement, useEffect, useMemo, useState } from "react"
-import { useDispatch } from "react-redux"
-import { Column, useTable } from "react-table"
-import actions from "src/actions"
-import styles from "./index.module.scss"
-import { CheckIn } from "types/CheckIn"
+	CircularProgress,
+	Collapse,
+	Table,
+	TableBody,
+	TableCell,
+	TableContainer,
+	TableHead,
+	TableRow,
+} from '@mui/material';
+import React, { ReactElement, useEffect, useMemo, useState } from 'react';
+import { useDispatch } from 'react-redux';
+import { Column, useTable } from 'react-table';
+import actions from 'src/actions';
+import styles from './index.module.scss';
+import { CheckIn } from 'types/CheckIn';
 
 const CheckInTable = (): ReactElement => {
-  const dispatch = useDispatch()
-  const [loading, setLoading] = useState(true)
+	const dispatch = useDispatch();
+	const [loading, setLoading] = useState(true);
 
-  const [checkIns, setCheckIns] = useState([])
+	const [checkIns, setCheckIns] = useState([]);
 
-  useEffect(() => {
-    const getCheckIn = async () => {
-      setLoading(true)
-      try {
-        const { data } = await dispatch(actions.checkin.allCheckInItems())
-        data.sort((a: { startTime: number }, b: { startTime: number }) => {
-          return a.startTime > b.startTime
-        })
-        setCheckIns(data)
-      } catch (err) {
-        console.error(err)
-      }
-      setLoading(false)
-    }
-    getCheckIn()
-  }, [dispatch])
+	useEffect(() => {
+		const getCheckIn = async () => {
+			setLoading(true);
+			try {
+				const { data } = await dispatch(
+					actions.checkin.allCheckInItems(),
+				);
+				data.sort(
+					(a: { startTime: number }, b: { startTime: number }) => {
+						return a.startTime > b.startTime;
+					},
+				);
+				setCheckIns(data);
+			} catch (err) {
+				console.error(err);
+			}
+			setLoading(false);
+		};
+		getCheckIn();
+	}, [dispatch]);
 
-  const columns: Column<CheckIn>[] = useMemo(
-    () => [
-      {
-        Header: "ID",
-        accessor: "_id"
-      },
-      {
-        Header: "Name",
-        accessor: "name"
-      },
-      {
-        Header: () => (
-          <div
-            style={{
-              textAlign: "center"
-            }}
-          >
-            Points
-          </div>
-        ),
-        accessor: "points",
-        Cell: (row) => <div style={{ textAlign: "center" }}>{row.value}</div>
-      },
-      {
-        Header: () => (
-          <div
-            style={{
-              textAlign: "center"
-            }}
-          >
-            Check-In Count
-          </div>
-        ),
-        accessor: "checkinCount",
-        Cell: (row) => <div style={{ textAlign: "center" }}>{row.value}</div>
-      }
-    ],
-    []
-  )
-  const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } =
-    useTable<CheckIn>({
-      columns,
-      data: checkIns,
-      initialState: {
-        hiddenColumns: ["_id"]
-      }
-    })
+	const columns: Column<CheckIn>[] = useMemo(
+		() => [
+			{
+				Header: 'ID',
+				accessor: '_id',
+			},
+			{
+				Header: 'Name',
+				accessor: 'name',
+			},
+			{
+				Header: () => (
+					<div
+						style={{
+							textAlign: 'center',
+						}}
+					>
+						Points
+					</div>
+				),
+				accessor: 'points',
+				Cell: (row) => (
+					<div style={{ textAlign: 'center' }}>{row.value}</div>
+				),
+			},
+			{
+				Header: () => (
+					<div
+						style={{
+							textAlign: 'center',
+						}}
+					>
+						Check-In Count
+					</div>
+				),
+				accessor: 'checkinCount',
+				Cell: (row) => (
+					<div style={{ textAlign: 'center' }}>{row.value}</div>
+				),
+			},
+		],
+		[],
+	);
+	const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } =
+		useTable<CheckIn>({
+			columns,
+			data: checkIns,
+			initialState: {
+				hiddenColumns: ['_id'],
+			},
+		});
 
-  return (
-    <>
-      <div className={styles.dialogContent}>
-        <Collapse in={loading}>
-          <div className={styles.spinnerContainer}>
-            <CircularProgress />
-          </div>
-        </Collapse>
-        <TableContainer>
-          <Table {...getTableProps()}>
-            <TableHead>
-              {
-                // Loop over the header rows
-                headerGroups.map((headerGroup, headerIdx) => (
-                  // Apply the header row props
-                  <TableRow
-                    {...headerGroup.getHeaderGroupProps()}
-                    key={headerIdx}
-                  >
-                    {
-                      // Loop over the headers in each row
-                      headerGroup.headers.map((column, cellIdx) => (
-                        // Apply the header cell props
-                        <TableCell {...column.getHeaderProps()} key={cellIdx}>
-                          {
-                            // Render the header
-                            column.render("Header")
-                          }
-                        </TableCell>
-                      ))
-                    }
-                  </TableRow>
-                ))
-              }
-            </TableHead>
-            {/* Apply the table body props */}
-            <TableBody {...getTableBodyProps()}>
-              {rows.map((row, rowIdx) => {
-                // Prepare the row for display
-                prepareRow(row)
-                return (
-                  // Apply the row props
-                  <TableRow {...row.getRowProps()} key={rowIdx}>
-                    {
-                      // Loop over the rows cells
-                      row.cells.map((cell, cellIdx) => {
-                        // Apply the cell props
-                        return (
-                          <TableCell {...cell.getCellProps()} key={cellIdx}>
-                            {
-                              // Render the cell contents
-                              cell.render("Cell")
-                            }
-                          </TableCell>
-                        )
-                      })
-                    }
-                  </TableRow>
-                )
-              })}
-            </TableBody>
-          </Table>
-        </TableContainer>
-      </div>
-    </>
-  )
-}
+	return (
+		<>
+			<div className={styles.dialogContent}>
+				<Collapse in={loading}>
+					<div className={styles.spinnerContainer}>
+						<CircularProgress />
+					</div>
+				</Collapse>
+				<TableContainer>
+					<Table {...getTableProps()}>
+						<TableHead>
+							{
+								// Loop over the header rows
+								headerGroups.map((headerGroup, headerIdx) => (
+									// Apply the header row props
+									<TableRow
+										{...headerGroup.getHeaderGroupProps()}
+										key={headerIdx}
+									>
+										{
+											// Loop over the headers in each row
+											headerGroup.headers.map(
+												(column, cellIdx) => (
+													// Apply the header cell props
+													<TableCell
+														{...column.getHeaderProps()}
+														key={cellIdx}
+													>
+														{
+															// Render the header
+															column.render(
+																'Header',
+															)
+														}
+													</TableCell>
+												),
+											)
+										}
+									</TableRow>
+								))
+							}
+						</TableHead>
+						{/* Apply the table body props */}
+						<TableBody {...getTableBodyProps()}>
+							{rows.map((row, rowIdx) => {
+								// Prepare the row for display
+								prepareRow(row);
+								return (
+									// Apply the row props
+									<TableRow
+										{...row.getRowProps()}
+										key={rowIdx}
+									>
+										{
+											// Loop over the rows cells
+											row.cells.map((cell, cellIdx) => {
+												// Apply the cell props
+												return (
+													<TableCell
+														{...cell.getCellProps()}
+														key={cellIdx}
+													>
+														{
+															// Render the cell contents
+															cell.render('Cell')
+														}
+													</TableCell>
+												);
+											})
+										}
+									</TableRow>
+								);
+							})}
+						</TableBody>
+					</Table>
+				</TableContainer>
+			</div>
+		</>
+	);
+};
 
-export default CheckInTable
+export default CheckInTable;
diff --git a/src/components/admin/EditTeam/index.module.scss b/src/components/admin/EditTeam/index.module.scss
new file mode 100644
index 0000000..2b46789
--- /dev/null
+++ b/src/components/admin/EditTeam/index.module.scss
@@ -0,0 +1,31 @@
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
+
+.modal {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	width: 60%;
+	background-image: $dialog-container-gradient;
+	box-shadow: $dialog-container-box-shadow;
+	backdrop-filter: blur(4px);
+	padding: 2em;
+	display: flex;
+	align-items: center;
+	flex-direction: column;
+	max-height: 80%;
+	overflow: auto;
+}
+
+.statusLabel {
+	font-weight: bold;
+}
+
+.icon {
+	height: 2rem;
+}
+
+#save_button {
+	float: left;
+}
diff --git a/src/components/admin/EditTeam/index.tsx b/src/components/admin/EditTeam/index.tsx
new file mode 100644
index 0000000..e7d03ec
--- /dev/null
+++ b/src/components/admin/EditTeam/index.tsx
@@ -0,0 +1,73 @@
+import {
+	Box,
+	CircularProgress,
+	Collapse,
+	TextField,
+	Button,
+	Typography,
+} from '@mui/material';
+import { Cancel, Check, OpenInNew } from '@mui/icons-material';
+import { Status } from 'enums/Status';
+import React, { FormEvent, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { Team } from 'types/Team';
+import styles from './index.module.scss';
+
+const EditTeam = ({ team }: { team: Team }) => {
+	const dispatch = useDispatch();
+	const [loading, setLoading] = useState(false);
+
+	const [name, setName] = useState(team.name);
+	const [desc, setDesc] = useState(team.description);
+
+	const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {
+		e.preventDefault();
+		setLoading(true);
+		try {
+			await dispatch(actions.teams.editTeamInfo(name, desc));
+		} catch (err) {
+			console.error('Error setting team info: ' + err);
+		} finally {
+			setLoading(false);
+		}
+	};
+	return (
+		<Box className={styles.modal} component="form" onSubmit={handleSubmit}>
+			<Typography variant="h5">Team Information</Typography>
+			<TextField
+				label="Team Name"
+				variant="outlined"
+				fullWidth
+				margin="normal"
+				value={name}
+				onChange={(e) => setName(e.target.value)}
+			/>
+
+			<TextField
+				label="Team Description"
+				variant="outlined"
+				fullWidth
+				margin="normal"
+				value={desc}
+				onChange={(e) => setDesc(e.target.value)}
+			/>
+
+			<Button
+				variant="outlined"
+				id="save_button"
+				type="submit"
+				disabled={loading}
+			>
+				{loading ? (
+					<Collapse in={loading}>
+						<CircularProgress />
+					</Collapse>
+				) : (
+					'Save'
+				)}
+			</Button>
+		</Box>
+	);
+};
+export default EditTeam;
diff --git a/src/components/admin/ParticipantTable/index.module.scss b/src/components/admin/ParticipantTable/index.module.scss
index 5efe768..d2dc91d 100644
--- a/src/components/admin/ParticipantTable/index.module.scss
+++ b/src/components/admin/ParticipantTable/index.module.scss
@@ -1,115 +1,115 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .dialog {
-  display: flex;
-  align-items: center;
-  width: 75%;
-  border-radius: 25px;
-  padding: 2rem;
-  margin: 0 auto;
-  flex-direction: column;
-  background-image: $dialog-container-gradient;
-  box-shadow: $dialog-container-box-shadow;
-  backdrop-filter: blur(4px);
+	display: flex;
+	align-items: center;
+	width: 75%;
+	border-radius: 25px;
+	padding: 2rem;
+	margin: 0 auto;
+	flex-direction: column;
+	background-image: $dialog-container-gradient;
+	box-shadow: $dialog-container-box-shadow;
+	backdrop-filter: blur(4px);
 
-  max-height: 70%;
-  overflow: scroll;
+	max-height: 70%;
+	overflow: scroll;
 
-  @include down($breakpoint-md) {
-    width: 80%;
-  }
+	@include down($breakpoint-md) {
+		width: 80%;
+	}
 
-  @include down($breakpoint-sm) {
-    width: 70%;
-  }
+	@include down($breakpoint-sm) {
+		width: 70%;
+	}
 }
 
 .dialogContent {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	width: 100%;
 }
 
 .spinnerContainer {
-  display: flex;
-  justify-content: center;
+	display: flex;
+	justify-content: center;
 }
 
 .buttonMargin {
-  margin-right: 1em;
+	margin-right: 1em;
 }
 
 .toolbar {
-  width: 100%;
-  justify-content: end;
+	width: 100%;
+	justify-content: end;
 }
 
 .toolbarContent {
-  display: flex;
-  flex-direction: row;
-  gap: 1em;
-  padding-right: 1em;
+	display: flex;
+	flex-direction: row;
+	gap: 1em;
+	padding-right: 1em;
 }
 
 .table {
-  width: 100%;
+	width: 100%;
 }
 
 .chipMargin {
-  margin-right: 0.5em;
+	margin-right: 0.5em;
 }
 
 .chipUnverified {
-  &:global(.MuiChip-root) {
-    background-color: $status-color-unverified;
-  }
+	&:global(.MuiChip-root) {
+		background-color: $status-color-unverified;
+	}
 }
 
 .chipVerified {
-  &:global(.MuiChip-root) {
-    background-color: $status-color-verified;
-  }
+	&:global(.MuiChip-root) {
+		background-color: $status-color-verified;
+	}
 }
 
 .chipApplied {
-  &:global(.MuiChip-root) {
-    background-color: $status-color-applied;
-  }
+	&:global(.MuiChip-root) {
+		background-color: $status-color-applied;
+	}
 }
 
 .chipAdmitted {
-  &:global(.MuiChip-root) {
-    background-color: $status-color-admitted;
-  }
+	&:global(.MuiChip-root) {
+		background-color: $status-color-admitted;
+	}
 }
 
 .chipRejected {
-  &:global(.MuiChip-root) {
-    background-color: $status-color-rejected;
-  }
+	&:global(.MuiChip-root) {
+		background-color: $status-color-rejected;
+	}
 }
 
 .chipDeclined {
-  &:global(.MuiChip-root) {
-    background-color: $status-color-declined;
-  }
+	&:global(.MuiChip-root) {
+		background-color: $status-color-declined;
+	}
 }
 
 .chipConfirmed {
-  &:global(.MuiChip-root) {
-    background-color: $status-color-confirmed;
-  }
+	&:global(.MuiChip-root) {
+		background-color: $status-color-confirmed;
+	}
 }
 
 .chipAdmin {
-  &:global(.MuiChip-root) {
-    background-color: $status-color-admin;
-  }
+	&:global(.MuiChip-root) {
+		background-color: $status-color-admin;
+	}
 }
 
 .buttonContainer {
-  display: flex;
-  gap: 5px;
+	display: flex;
+	gap: 5px;
 }
diff --git a/src/components/admin/ParticipantTable/index.tsx b/src/components/admin/ParticipantTable/index.tsx
index 61affba..402fd72 100644
--- a/src/components/admin/ParticipantTable/index.tsx
+++ b/src/components/admin/ParticipantTable/index.tsx
@@ -1,553 +1,595 @@
 import {
-  Button,
-  Chip,
-  CircularProgress,
-  Collapse,
-  Dialog,
-  DialogActions,
-  DialogContent,
-  DialogContentText,
-  DialogTitle,
-  Divider,
-  IconButton,
-  ListItemIcon,
-  ListItemText,
-  Menu,
-  MenuItem,
-  Modal,
-  Snackbar,
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableHead,
-  TablePagination,
-  TableRow,
-  TextField,
-  Toolbar
-} from "@mui/material"
-import CloseIcon from "@mui/icons-material/Close"
-import { Status } from "enums/Status"
-import React, { ReactElement, useEffect, useMemo, useState } from "react"
-import { useDispatch } from "react-redux"
-import { Column, useTable } from "react-table"
-import actions from "src/actions"
-import { Participant } from "types/Participant"
-import RectangleButton from "../../design/RectangleButton"
-import ProfileBox from "../ProfileBox"
-import styles from "./index.module.scss"
+	Button,
+	Chip,
+	CircularProgress,
+	Collapse,
+	Dialog,
+	DialogActions,
+	DialogContent,
+	DialogContentText,
+	DialogTitle,
+	Divider,
+	IconButton,
+	ListItemIcon,
+	ListItemText,
+	Menu,
+	MenuItem,
+	Modal,
+	Snackbar,
+	Table,
+	TableBody,
+	TableCell,
+	TableContainer,
+	TableHead,
+	TablePagination,
+	TableRow,
+	TextField,
+	Toolbar,
+} from '@mui/material';
+import CloseIcon from '@mui/icons-material/Close';
+import { Status } from 'enums/Status';
+import React, { ReactElement, useEffect, useMemo, useState } from 'react';
+import { useDispatch } from 'react-redux';
+import { Column, useTable } from 'react-table';
+import actions from 'src/actions';
+import { Participant } from 'types/Participant';
+import RectangleButton from '../../design/RectangleButton';
+import ProfileBox from '../ProfileBox';
+import styles from './index.module.scss';
 import {
-  CheckOutlined,
-  ClearOutlined,
-  LockResetOutlined,
-  MoreHorizRounded
-} from "@mui/icons-material"
+	CheckOutlined,
+	ClearOutlined,
+	LockResetOutlined,
+	MoreHorizRounded,
+} from '@mui/icons-material';
 
 enum BulkAction {
-  ADMIT_ALL = "Admit all",
-  REJECT_ALL = "Reject all"
+	ADMIT_ALL = 'Admit all',
+	REJECT_ALL = 'Reject all',
 }
 
 const ParticipantTable = (): ReactElement => {
-  const dispatch = useDispatch()
-  const [loading, setLoading] = useState(true)
-  const [invalidated, setInvalidated] = useState(false)
+	const dispatch = useDispatch();
+	const [loading, setLoading] = useState(true);
+	const [invalidated, setInvalidated] = useState(false);
 
-  const [participants, setParticipants] = useState<Participant[]>([])
-  const [selected, setSelected] = useState<Participant | null>(null)
+	const [participants, setParticipants] = useState<Participant[]>([]);
+	const [selected, setSelected] = useState<Participant | null>(null);
 
-  const [profileOpen, setProfileOpen] = useState(false)
-  const [snackbarOpen, setSnackbarOpen] = useState(false)
-  const [dialogOpen, setDialogOpen] = useState(false)
-  const [bulkAction, setBulkAction] = useState<BulkAction | null>(null)
+	const [profileOpen, setProfileOpen] = useState(false);
+	const [snackbarOpen, setSnackbarOpen] = useState(false);
+	const [dialogOpen, setDialogOpen] = useState(false);
+	const [bulkAction, setBulkAction] = useState<BulkAction | null>(null);
 
-  const [page, setPage] = useState(0)
-  const [rowsPerPage, setRowsPerPage] = useState(5)
+	const [page, setPage] = useState(0);
+	const [rowsPerPage, setRowsPerPage] = useState(5);
 
-  const [snackbarMsg, setSnackbarMsg] = useState("")
-  const snackbarDuration = 3000
+	const [snackbarMsg, setSnackbarMsg] = useState('');
+	const snackbarDuration = 3000;
 
-  const [searchString, setSearchString] = useState("")
+	const [searchString, setSearchString] = useState('');
 
-  const openSnackbar = (msg: string) => {
-    setSnackbarMsg(msg)
-    setSnackbarOpen(true)
-  }
+	const openSnackbar = (msg: string) => {
+		setSnackbarMsg(msg);
+		setSnackbarOpen(true);
+	};
 
-  const handleSnackbarClose = (
-    event: React.SyntheticEvent | Event,
-    reason?: string
-  ) => {
-    if (reason === "clickaway") {
-      return
-    }
+	const handleSnackbarClose = (
+		event: React.SyntheticEvent | Event,
+		reason?: string,
+	) => {
+		if (reason === 'clickaway') {
+			return;
+		}
 
-    setSnackbarOpen(false)
-  }
+		setSnackbarOpen(false);
+	};
 
-  const snackbarAction = (
-    <div>
-      <IconButton
-        size="small"
-        aria-label="close"
-        color="inherit"
-        onClick={handleSnackbarClose}
-      >
-        <CloseIcon fontSize="small" />
-      </IconButton>
-    </div>
-  )
+	const snackbarAction = (
+		<div>
+			<IconButton
+				size="small"
+				aria-label="close"
+				color="inherit"
+				onClick={handleSnackbarClose}
+			>
+				<CloseIcon fontSize="small" />
+			</IconButton>
+		</div>
+	);
 
-  const getStatusChips = (status: Status) => {
-    if (status == Status.UNVERIFIED) {
-      return (
-        <Chip
-          label="UNVERIFIED"
-          className={`${styles.chipMargin} ${styles.chipUnverified}`}
-        />
-      )
-    } else if (status == Status.VERIFIED) {
-      return (
-        <Chip
-          label="VERIFIED"
-          className={`${styles.chipMargin} ${styles.chipVerified}`}
-        />
-      )
-    } else if (status == Status.COMPLETED_PROFILE) {
-      return (
-        <Chip
-          label="APPLIED"
-          className={`${styles.chipMargin} ${styles.chipApplied}`}
-        />
-      )
-    } else if (status == Status.ADMITTED) {
-      return (
-        <Chip
-          label="ADMITTED"
-          className={`${styles.chipMargin} ${styles.chipAdmitted}`}
-        />
-      )
-    } else if (status == Status.REJECTED) {
-      return (
-        <Chip
-          label="REJECTED"
-          className={`${styles.chipMargin} ${styles.chipRejected}`}
-        />
-      )
-    } else if (status == Status.DECLINED) {
-      return (
-        <Chip
-          label="DECLINED"
-          className={`${styles.chipMargin} ${styles.chipDeclined}`}
-        />
-      )
-    } else if (status == Status.CONFIRMED) {
-      return (
-        <Chip
-          label="CONFIRMED"
-          className={`${styles.chipMargin} ${styles.chipConfirmed}`}
-        />
-      )
-    }
-  }
+	const getStatusChips = (status: Status) => {
+		if (status == Status.UNVERIFIED) {
+			return (
+				<Chip
+					label="UNVERIFIED"
+					className={`${styles.chipMargin} ${styles.chipUnverified}`}
+				/>
+			);
+		} else if (status == Status.VERIFIED) {
+			return (
+				<Chip
+					label="VERIFIED"
+					className={`${styles.chipMargin} ${styles.chipVerified}`}
+				/>
+			);
+		} else if (status == Status.COMPLETED_PROFILE) {
+			return (
+				<Chip
+					label="APPLIED"
+					className={`${styles.chipMargin} ${styles.chipApplied}`}
+				/>
+			);
+		} else if (status == Status.ADMITTED) {
+			return (
+				<Chip
+					label="ADMITTED"
+					className={`${styles.chipMargin} ${styles.chipAdmitted}`}
+				/>
+			);
+		} else if (status == Status.REJECTED) {
+			return (
+				<Chip
+					label="REJECTED"
+					className={`${styles.chipMargin} ${styles.chipRejected}`}
+				/>
+			);
+		} else if (status == Status.DECLINED) {
+			return (
+				<Chip
+					label="DECLINED"
+					className={`${styles.chipMargin} ${styles.chipDeclined}`}
+				/>
+			);
+		} else if (status == Status.CONFIRMED) {
+			return (
+				<Chip
+					label="CONFIRMED"
+					className={`${styles.chipMargin} ${styles.chipConfirmed}`}
+				/>
+			);
+		}
+	};
 
-  const getAdminChip = (admin: boolean) => {
-    if (admin) {
-      return (
-        <Chip
-          label="ADMIN"
-          className={`${styles.chipMargin} ${styles.chipAdmin}`}
-        />
-      )
-    }
-  }
+	const getAdminChip = (admin: boolean) => {
+		if (admin) {
+			return (
+				<Chip
+					label="ADMIN"
+					className={`${styles.chipMargin} ${styles.chipAdmin}`}
+				/>
+			);
+		}
+	};
 
-  const admitUser = async (userId: string) => {
-    try {
-      await dispatch(actions.user.admitUser(userId))
-      openSnackbar("Admitted user!")
-      setInvalidated(true)
-    } catch (err) {
-      openSnackbar("Error admitting user")
-    }
-  }
+	const admitUser = async (userId: string) => {
+		try {
+			await dispatch(actions.user.admitUser(userId));
+			openSnackbar('Admitted user!');
+			setInvalidated(true);
+		} catch (err) {
+			openSnackbar('Error admitting user');
+		}
+	};
 
-  const rejectUser = async (userId: string) => {
-    try {
-      await dispatch(actions.user.rejectUser(userId))
-      openSnackbar("Rejected user!")
-      setInvalidated(true)
-    } catch (err) {
-      openSnackbar("Error admitting user")
-    }
-  }
+	const rejectUser = async (userId: string) => {
+		try {
+			await dispatch(actions.user.rejectUser(userId));
+			openSnackbar('Rejected user!');
+			setInvalidated(true);
+		} catch (err) {
+			openSnackbar('Error admitting user');
+		}
+	};
 
-  const requestReset = async (email: string) => {
-    try {
-      await dispatch(actions.auth.requestReset(email))
-      openSnackbar("Sent reset password email!")
-    } catch (err) {
-      openSnackbar("Error sending reset password email")
-    }
-  }
+	const requestReset = async (email: string) => {
+		try {
+			await dispatch(actions.auth.requestReset(email));
+			openSnackbar('Sent reset password email!');
+		} catch (err) {
+			openSnackbar('Error sending reset password email');
+		}
+	};
 
-  const admitAll = async () => {
-    try {
-      await dispatch(actions.user.admitAll())
-      openSnackbar("Admitted all remaining users!")
-      setInvalidated(true)
-    } catch (err) {
-      openSnackbar("Error admitting all users")
-    }
-  }
+	const admitAll = async () => {
+		try {
+			await dispatch(actions.user.admitAll());
+			openSnackbar('Admitted all remaining users!');
+			setInvalidated(true);
+		} catch (err) {
+			openSnackbar('Error admitting all users');
+		}
+	};
 
-  const rejectAll = async () => {
-    try {
-      await dispatch(actions.user.rejectAll())
-      openSnackbar("Rejected all remaining users!")
-      setInvalidated(true)
-    } catch (err) {
-      openSnackbar("Error rejecting all users")
-    }
-  }
+	const rejectAll = async () => {
+		try {
+			await dispatch(actions.user.rejectAll());
+			openSnackbar('Rejected all remaining users!');
+			setInvalidated(true);
+		} catch (err) {
+			openSnackbar('Error rejecting all users');
+		}
+	};
 
-  useEffect(() => {
-    const getParticipants = async () => {
-      setLoading(true)
-      try {
-        const { data } = (await dispatch(actions.user.getParticipants())) as {
-          data: Participant[]
-        }
-        data.sort((a, b) => {
-          const statusComp = a.status.localeCompare(b.status)
-          if (statusComp !== 0) {
-            return statusComp
-          }
-          return a.email.localeCompare(b.email)
-        })
-        setParticipants(data)
-      } catch (err) {
-        console.error(err)
-      }
-      setLoading(false)
-      setInvalidated(false)
-    }
-    getParticipants()
-  }, [invalidated])
+	useEffect(() => {
+		const getParticipants = async () => {
+			setLoading(true);
+			try {
+				const { data } = (await dispatch(
+					actions.user.getParticipants(),
+				)) as {
+					data: Participant[];
+				};
+				data.sort((a, b) => {
+					const statusComp = a.status.localeCompare(b.status);
+					if (statusComp !== 0) {
+						return statusComp;
+					}
+					return a.email.localeCompare(b.email);
+				});
+				setParticipants(data);
+			} catch (err) {
+				console.error(err);
+			}
+			setLoading(false);
+			setInvalidated(false);
+		};
+		getParticipants();
+	}, [invalidated]);
 
-  const columns: Column<Participant>[] = useMemo(
-    () => [
-      {
-        Header: "ID",
-        accessor: "_id"
-      },
-      {
-        Header: "Email",
-        accessor: "email"
-      },
-      {
-        Header: "Status",
-        accessor: "status",
-        Cell: ({ cell }: { cell: any }) => {
-          const original: Participant = cell.row.original
-          return (
-            <div>
-              {getStatusChips(original.status)}
-              {getAdminChip(original.admin)}
-            </div>
-          )
-        }
-      },
-      {
-        Header: "Profile",
-        Cell: ({ cell }: { cell: any }) => {
-          const original: Participant = cell.row.original
-          return (
-            <RectangleButton
-              className={styles.buttonMargin}
-              type="button"
-              onClick={() => {
-                setSelected(original)
-                setProfileOpen(true)
-              }}
-            >
-              Profile
-            </RectangleButton>
-          )
-        }
-      },
-      {
-        Header: "Actions",
-        Cell: ({ cell }: { cell: any }) => {
-          const original: Participant = cell.row.original
-          const { _id, status } = original
+	const columns: Column<Participant>[] = useMemo(
+		() => [
+			{
+				Header: 'ID',
+				accessor: '_id',
+			},
+			{
+				Header: 'Email',
+				accessor: 'email',
+			},
+			{
+				Header: 'Status',
+				accessor: 'status',
+				Cell: ({ cell }: { cell: any }) => {
+					const original: Participant = cell.row.original;
+					return (
+						<div>
+							{getStatusChips(original.status)}
+							{getAdminChip(original.admin)}
+						</div>
+					);
+				},
+			},
+			{
+				Header: 'Profile',
+				Cell: ({ cell }: { cell: any }) => {
+					const original: Participant = cell.row.original;
+					return (
+						<RectangleButton
+							className={styles.buttonMargin}
+							type="button"
+							onClick={() => {
+								setSelected(original);
+								setProfileOpen(true);
+							}}
+						>
+							Profile
+						</RectangleButton>
+					);
+				},
+			},
+			{
+				Header: 'Actions',
+				Cell: ({ cell }: { cell: any }) => {
+					const original: Participant = cell.row.original;
+					const { _id, status } = original;
 
-          const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(
-            null
-          )
-          const open = Boolean(anchorEl)
-          const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-            setAnchorEl(event.currentTarget)
-          }
-          const handleClose = () => {
-            setAnchorEl(null)
-          }
+					const [anchorEl, setAnchorEl] =
+						React.useState<null | HTMLElement>(null);
+					const open = Boolean(anchorEl);
+					const handleClick = (
+						event: React.MouseEvent<HTMLButtonElement>,
+					) => {
+						setAnchorEl(event.currentTarget);
+					};
+					const handleClose = () => {
+						setAnchorEl(null);
+					};
 
-          return (
-            <div>
-              <IconButton
-                id="basic-button"
-                aria-controls={open ? "basic-menu" : undefined}
-                aria-haspopup="true"
-                aria-expanded={open ? "true" : undefined}
-                onClick={handleClick}
-              >
-                <MoreHorizRounded />
-              </IconButton>
-              <Menu
-                id="basic-menu"
-                anchorEl={anchorEl}
-                open={open}
-                onClose={handleClose}
-                MenuListProps={{
-                  "aria-labelledby": "basic-button"
-                }}
-              >
-                {status === Status.COMPLETED_PROFILE && (
-                  <>
-                    <MenuItem
-                      onClick={async () => {
-                        await admitUser(_id)
-                        handleClose()
-                      }}
-                    >
-                      <ListItemIcon>
-                        <CheckOutlined fontSize="small" />
-                      </ListItemIcon>
-                      <ListItemText>Accept</ListItemText>
-                    </MenuItem>
-                    <MenuItem
-                      onClick={async () => {
-                        await rejectUser(_id)
-                        handleClose()
-                      }}
-                    >
-                      <ListItemIcon>
-                        <ClearOutlined fontSize="small" />
-                      </ListItemIcon>
-                      <ListItemText>Reject</ListItemText>
-                    </MenuItem>
-                  </>
-                )}
-                <Divider />
-                <MenuItem
-                  onClick={async () => {
-                    await requestReset(original.email)
-                    handleClose()
-                  }}
-                >
-                  <ListItemIcon>
-                    <LockResetOutlined fontSize="small" />
-                  </ListItemIcon>
-                  <ListItemText>Reset Password</ListItemText>
-                </MenuItem>
-              </Menu>
-            </div>
-          )
-        }
-      }
-    ],
-    []
-  )
-  const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } =
-    useTable<Participant>({
-      columns,
-      data: participants,
-      initialState: {
-        hiddenColumns: ["_id"]
-      }
-    })
+					return (
+						<div>
+							<IconButton
+								id="basic-button"
+								aria-controls={open ? 'basic-menu' : undefined}
+								aria-haspopup="true"
+								aria-expanded={open ? 'true' : undefined}
+								onClick={handleClick}
+							>
+								<MoreHorizRounded />
+							</IconButton>
+							<Menu
+								id="basic-menu"
+								anchorEl={anchorEl}
+								open={open}
+								onClose={handleClose}
+								MenuListProps={{
+									'aria-labelledby': 'basic-button',
+								}}
+							>
+								{status === Status.COMPLETED_PROFILE && (
+									<>
+										<MenuItem
+											onClick={async () => {
+												await admitUser(_id);
+												handleClose();
+											}}
+										>
+											<ListItemIcon>
+												<CheckOutlined fontSize="small" />
+											</ListItemIcon>
+											<ListItemText>Accept</ListItemText>
+										</MenuItem>
+										<MenuItem
+											onClick={async () => {
+												await rejectUser(_id);
+												handleClose();
+											}}
+										>
+											<ListItemIcon>
+												<ClearOutlined fontSize="small" />
+											</ListItemIcon>
+											<ListItemText>Reject</ListItemText>
+										</MenuItem>
+									</>
+								)}
+								<Divider />
+								<MenuItem
+									onClick={async () => {
+										await requestReset(original.email);
+										handleClose();
+									}}
+								>
+									<ListItemIcon>
+										<LockResetOutlined fontSize="small" />
+									</ListItemIcon>
+									<ListItemText>Reset Password</ListItemText>
+								</MenuItem>
+							</Menu>
+						</div>
+					);
+				},
+			},
+		],
+		[],
+	);
+	const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } =
+		useTable<Participant>({
+			columns,
+			data: participants,
+			initialState: {
+				hiddenColumns: ['_id'],
+			},
+		});
 
-  return (
-    <>
-      <Modal
-        open={profileOpen}
-        onClose={() => setProfileOpen(false)}
-        aria-labelledby="modal-modal-title"
-        aria-describedby="modal-modal-description"
-      >
-        <ProfileBox
-          participant={selected as Participant}
-          setProfileOpen={setProfileOpen}
-        />
-      </Modal>
-      <Dialog open={dialogOpen} onClose={() => setDialogOpen(false)}>
-        <DialogTitle>{bulkAction}</DialogTitle>
-        <DialogContent>
-          <DialogContentText>
-            Are you sure you want to {bulkAction?.toLowerCase()} remaining
-            applicants?
-          </DialogContentText>
-        </DialogContent>
-        <DialogActions>
-          <Button onClick={() => setDialogOpen(false)}>Cancel</Button>
-          <Button
-            onClick={() => {
-              if (bulkAction === BulkAction.ADMIT_ALL) {
-                admitAll()
-              } else if (bulkAction == BulkAction.REJECT_ALL) {
-                rejectAll()
-              }
-              setDialogOpen(false)
-            }}
-          >
-            {bulkAction}
-          </Button>
-        </DialogActions>
-      </Dialog>
-      <Snackbar
-        open={snackbarOpen}
-        autoHideDuration={snackbarDuration}
-        onClose={handleSnackbarClose}
-        message={snackbarMsg}
-        action={snackbarAction}
-      />
-      <div className={styles.dialogContent}>
-        <Collapse in={loading}>
-          <div className={styles.spinnerContainer}>
-            <CircularProgress />
-          </div>
-        </Collapse>
-        <Toolbar className={styles.toolbar}>
-          <div className={styles.toolbarContent}>
-            <RectangleButton
-              type="button"
-              onClick={() => {
-                setBulkAction(BulkAction.ADMIT_ALL)
-                setDialogOpen(true)
-              }}
-              disabled
-            >
-              Admit All
-            </RectangleButton>
-            <RectangleButton
-              type="button"
-              onClick={() => {
-                setBulkAction(BulkAction.REJECT_ALL)
-                setDialogOpen(true)
-              }}
-            >
-              Reject All
-            </RectangleButton>
-          </div>
-        </Toolbar>
-        <TableContainer>
-          <TextField
-            variant="outlined"
-            placeholder="Search by email or status"
-            fullWidth={true}
-            value={searchString}
-            InputProps={{
-              classes: { notchedOutline: styles.textFieldInput }
-            }}
-            onChange={(e) => {
-              setSearchString(e.target.value)
-              setPage(0)
-            }}
-          />
-          <Table {...getTableProps()}>
-            <TableHead>
-              {
-                // Loop over the header rows
-                headerGroups.map((headerGroup, headerIdx) => (
-                  // Apply the header row props
-                  <TableRow
-                    {...headerGroup.getHeaderGroupProps()}
-                    key={headerIdx}
-                  >
-                    {
-                      // Loop over the headers in each row
-                      headerGroup.headers.map((column, cellIdx) => (
-                        // Apply the header cell props
-                        <TableCell {...column.getHeaderProps()} key={cellIdx}>
-                          {
-                            // Render the header
-                            column.render("Header")
-                          }
-                        </TableCell>
-                      ))
-                    }
-                  </TableRow>
-                ))
-              }
-            </TableHead>
-            {/* Apply the table body props */}
-            <TableBody {...getTableBodyProps()}>
-              {
-                // Loop over the table rows
-                rows
-                  .filter(
-                    (row) =>
-                      // Search by email
-                      row.original.email
-                        .trim()
-                        .toLowerCase()
-                        .includes(searchString.trim().toLowerCase()) ||
-                      // Search by status
-                      row.original.status
-                        .trim()
-                        .toLowerCase()
-                        .includes(searchString.trim().toLowerCase()) ||
-                      // Search for applied status
-                      (row.original.status.includes("COMPLETED_PROFILE") &&
-                        searchString.trim().toLowerCase() == "applied") ||
-                      // Search for admins
-                      (row.original.admin &&
-                        searchString.trim().toLowerCase() == "admin")
-                  )
-                  .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
-                  .map((row, rowIdx) => {
-                    // Prepare the row for display
-                    prepareRow(row)
-                    return (
-                      // Apply the row props
-                      <TableRow {...row.getRowProps()} key={rowIdx}>
-                        {
-                          // Loop over the rows cells
-                          row.cells.map((cell, cellIdx) => {
-                            // Apply the cell props
-                            return (
-                              <TableCell {...cell.getCellProps()} key={cellIdx}>
-                                {
-                                  // Render the cell contents
-                                  cell.render("Cell")
-                                }
-                              </TableCell>
-                            )
-                          })
-                        }
-                      </TableRow>
-                    )
-                  })
-              }
-            </TableBody>
-          </Table>
-        </TableContainer>
-        <TablePagination
-          rowsPerPageOptions={[5, 10, 25]}
-          component="div"
-          count={rows.length}
-          rowsPerPage={rowsPerPage}
-          page={page}
-          onPageChange={(e, newPage: number) => setPage(newPage)}
-          onRowsPerPageChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-            setRowsPerPage(parseInt(event.target.value, 10))
-            setPage(0)
-          }}
-        />
-      </div>
-    </>
-  )
-}
+	return (
+		<>
+			<Modal
+				open={profileOpen}
+				onClose={() => setProfileOpen(false)}
+				aria-labelledby="modal-modal-title"
+				aria-describedby="modal-modal-description"
+			>
+				<ProfileBox
+					participant={selected as Participant}
+					setProfileOpen={setProfileOpen}
+				/>
+			</Modal>
+			<Dialog open={dialogOpen} onClose={() => setDialogOpen(false)}>
+				<DialogTitle>{bulkAction}</DialogTitle>
+				<DialogContent>
+					<DialogContentText>
+						Are you sure you want to {bulkAction?.toLowerCase()}{' '}
+						remaining applicants?
+					</DialogContentText>
+				</DialogContent>
+				<DialogActions>
+					<Button onClick={() => setDialogOpen(false)}>Cancel</Button>
+					<Button
+						onClick={() => {
+							if (bulkAction === BulkAction.ADMIT_ALL) {
+								admitAll();
+							} else if (bulkAction == BulkAction.REJECT_ALL) {
+								rejectAll();
+							}
+							setDialogOpen(false);
+						}}
+					>
+						{bulkAction}
+					</Button>
+				</DialogActions>
+			</Dialog>
+			<Snackbar
+				open={snackbarOpen}
+				autoHideDuration={snackbarDuration}
+				onClose={handleSnackbarClose}
+				message={snackbarMsg}
+				action={snackbarAction}
+			/>
+			<div className={styles.dialogContent}>
+				<Collapse in={loading}>
+					<div className={styles.spinnerContainer}>
+						<CircularProgress />
+					</div>
+				</Collapse>
+				<Toolbar className={styles.toolbar}>
+					<div className={styles.toolbarContent}>
+						<RectangleButton
+							type="button"
+							onClick={() => {
+								setBulkAction(BulkAction.ADMIT_ALL);
+								setDialogOpen(true);
+							}}
+							disabled
+						>
+							Admit All
+						</RectangleButton>
+						<RectangleButton
+							type="button"
+							onClick={() => {
+								setBulkAction(BulkAction.REJECT_ALL);
+								setDialogOpen(true);
+							}}
+						>
+							Reject All
+						</RectangleButton>
+					</div>
+				</Toolbar>
+				<TableContainer>
+					<TextField
+						variant="outlined"
+						placeholder="Search by email or status"
+						fullWidth={true}
+						value={searchString}
+						InputProps={{
+							classes: { notchedOutline: styles.textFieldInput },
+						}}
+						onChange={(e) => {
+							setSearchString(e.target.value);
+							setPage(0);
+						}}
+					/>
+					<Table {...getTableProps()}>
+						<TableHead>
+							{
+								// Loop over the header rows
+								headerGroups.map((headerGroup, headerIdx) => (
+									// Apply the header row props
+									<TableRow
+										{...headerGroup.getHeaderGroupProps()}
+										key={headerIdx}
+									>
+										{
+											// Loop over the headers in each row
+											headerGroup.headers.map(
+												(column, cellIdx) => (
+													// Apply the header cell props
+													<TableCell
+														{...column.getHeaderProps()}
+														key={cellIdx}
+													>
+														{
+															// Render the header
+															column.render(
+																'Header',
+															)
+														}
+													</TableCell>
+												),
+											)
+										}
+									</TableRow>
+								))
+							}
+						</TableHead>
+						{/* Apply the table body props */}
+						<TableBody {...getTableBodyProps()}>
+							{
+								// Loop over the table rows
+								rows
+									.filter(
+										(row) =>
+											// Search by email
+											row.original.email
+												.trim()
+												.toLowerCase()
+												.includes(
+													searchString
+														.trim()
+														.toLowerCase(),
+												) ||
+											// Search by status
+											row.original.status
+												.trim()
+												.toLowerCase()
+												.includes(
+													searchString
+														.trim()
+														.toLowerCase(),
+												) ||
+											// Search for applied status
+											(row.original.status.includes(
+												'COMPLETED_PROFILE',
+											) &&
+												searchString
+													.trim()
+													.toLowerCase() ==
+													'applied') ||
+											// Search for admins
+											(row.original.admin &&
+												searchString
+													.trim()
+													.toLowerCase() == 'admin'),
+									)
+									.slice(
+										page * rowsPerPage,
+										page * rowsPerPage + rowsPerPage,
+									)
+									.map((row, rowIdx) => {
+										// Prepare the row for display
+										prepareRow(row);
+										return (
+											// Apply the row props
+											<TableRow
+												{...row.getRowProps()}
+												key={rowIdx}
+											>
+												{
+													// Loop over the rows cells
+													row.cells.map(
+														(cell, cellIdx) => {
+															// Apply the cell props
+															return (
+																<TableCell
+																	{...cell.getCellProps()}
+																	key={
+																		cellIdx
+																	}
+																>
+																	{
+																		// Render the cell contents
+																		cell.render(
+																			'Cell',
+																		)
+																	}
+																</TableCell>
+															);
+														},
+													)
+												}
+											</TableRow>
+										);
+									})
+							}
+						</TableBody>
+					</Table>
+				</TableContainer>
+				<TablePagination
+					rowsPerPageOptions={[5, 10, 25]}
+					component="div"
+					count={rows.length}
+					rowsPerPage={rowsPerPage}
+					page={page}
+					onPageChange={(e, newPage: number) => setPage(newPage)}
+					onRowsPerPageChange={(
+						event: React.ChangeEvent<HTMLInputElement>,
+					) => {
+						setRowsPerPage(parseInt(event.target.value, 10));
+						setPage(0);
+					}}
+				/>
+			</div>
+		</>
+	);
+};
 
-export default ParticipantTable
+export default ParticipantTable;
diff --git a/src/components/admin/ProfileBox/index.module.scss b/src/components/admin/ProfileBox/index.module.scss
index c1aa3ae..418315d 100644
--- a/src/components/admin/ProfileBox/index.module.scss
+++ b/src/components/admin/ProfileBox/index.module.scss
@@ -1,32 +1,32 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .modal {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 60%;
-  background-image: $dialog-container-gradient;
-  box-shadow: $dialog-container-box-shadow;
-  backdrop-filter: blur(4px);
-  padding: 2em;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  max-height: 80%;
-  overflow: auto;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	width: 60%;
+	background-image: $dialog-container-gradient;
+	box-shadow: $dialog-container-box-shadow;
+	backdrop-filter: blur(4px);
+	padding: 2em;
+	display: flex;
+	align-items: center;
+	flex-direction: column;
+	max-height: 80%;
+	overflow: auto;
 }
 
 .statusLabel {
-  font-weight: bold;
+	font-weight: bold;
 }
 
 .sponsorList {
-  display: flex;
-  flex-direction: column;
+	display: flex;
+	flex-direction: column;
 }
 
 .icon {
-  height: 2rem;
+	height: 2rem;
 }
diff --git a/src/components/admin/ProfileBox/index.tsx b/src/components/admin/ProfileBox/index.tsx
index 98aeb2c..c8f7610 100644
--- a/src/components/admin/ProfileBox/index.tsx
+++ b/src/components/admin/ProfileBox/index.tsx
@@ -1,307 +1,319 @@
 import {
-  Box,
-  CircularProgress,
-  Collapse,
-  Link,
-  Table,
-  TableBody,
-  TableCell,
-  TableRow,
-  Typography
-} from "@mui/material"
-import { Cancel, Check, OpenInNew } from "@mui/icons-material"
-import { Ethnicity, Gender } from "enums/Profile"
-import { Status } from "enums/Status"
+	Box,
+	CircularProgress,
+	Collapse,
+	Link,
+	Table,
+	TableBody,
+	TableCell,
+	TableRow,
+	Typography,
+} from '@mui/material';
+import { Cancel, Check, OpenInNew } from '@mui/icons-material';
+import { Ethnicity, Gender } from 'enums/Profile';
+import { Status } from 'enums/Status';
 import React, {
-  SetStateAction,
-  Dispatch,
-  ReactElement,
-  useEffect,
-  useState
-} from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import { Participant } from "types/Participant"
-import { RootState } from "types/RootState"
-import styles from "./index.module.scss"
-import RectangleButton from "../../design/RectangleButton"
+	SetStateAction,
+	Dispatch,
+	ReactElement,
+	useEffect,
+	useState,
+} from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { Participant } from 'types/Participant';
+import { RootState } from 'types/RootState';
+import styles from './index.module.scss';
+import RectangleButton from '../../design/RectangleButton';
 
 const ProfileContent = ({ profile }: { profile?: any }): ReactElement => {
-  const sponsors = useSelector((store: RootState) => store?.sponsors?.data)
-  const sponsorMap: Record<string, string> = {}
-  for (const { _id, name } of sponsors) {
-    sponsorMap[_id] = name
-  }
+	const sponsors = useSelector((store: RootState) => store?.sponsors?.data);
+	const sponsorMap: Record<string, string> = {};
+	for (const { _id, name } of sponsors) {
+		sponsorMap[_id] = name;
+	}
 
-  return (
-    <Table>
-      <TableBody>
-        <TableRow>
-          <TableCell>
-            <Typography variant="h6">Basic Information</Typography>
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Display Name</TableCell>
-          <TableCell>{profile.displayName}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Full Name</TableCell>
-          <TableCell>
-            {profile.firstName} {profile.middleName} {profile.lastName}
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Gender</TableCell>
-          <TableCell>
-            {profile.gender === Gender.OTHER
-              ? profile.genderOther
-              : profile.gender}
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Ethnicity</TableCell>
-          <TableCell>
-            {profile.ethnicity === Ethnicity.OTHER
-              ? profile.ethnicityOther
-              : profile.ethnicity}
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Typography variant="h6">Essays</Typography>
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Essay 1</TableCell>
-          <TableCell>{profile.essays[0]}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Typography variant="h6">School Info</Typography>
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>School</TableCell>
-          <TableCell>{profile.school}</TableCell>
-        </TableRow>
-        {profile.college === null ? null : (
-          <TableRow>
-            <TableCell>College</TableCell>
-            <TableCell>{profile.college}</TableCell>
-          </TableRow>
-        )}
-        <TableRow>
-          <TableCell>Graduation Year</TableCell>
-          <TableCell>{profile.graduationYear}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Major</TableCell>
-          <TableCell>{profile.major}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Typography variant="h6">Experience</Typography>
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Number of hackathons attended</TableCell>
-          <TableCell>{profile.hackathonExperience}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Typography variant="h6">Work Authorization</Typography>
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Work Permission</TableCell>
-          <TableCell>{profile.workPermission}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Work Location</TableCell>
-          <TableCell>{profile.workLocation}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Typography variant="h6">Portfolio</Typography>
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>GitHub</TableCell>
-          <TableCell>{profile.github}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>LinkedIn</TableCell>
-          <TableCell>{profile.linkedin}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Resume</TableCell>
-          <TableCell>
-            <Link href={profile.resume} target="_blank">
-              <OpenInNew className={styles.icon} />
-            </Link>
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Design</TableCell>
-          <TableCell>{profile.design}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Website</TableCell>
-          <TableCell>{profile.website}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Typography variant="h6">Logistical Information</Typography>
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Dietary Restrictions</TableCell>
-          <TableCell>{profile.dietaryRestrictions.join(", ")}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Shirt Size</TableCell>
-          <TableCell>{profile.shirtSize}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Wants Hardware</TableCell>
-          <TableCell>
-            {profile.wantsHardware ? (
-              <Check className={styles.icon} />
-            ) : (
-              <Cancel className={styles.icon} />
-            )}
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Region</TableCell>
-          <TableCell>{profile.region}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Phone Number</TableCell>
-          <TableCell>{profile.phoneNumber}</TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>Additional Notes</TableCell>
-          <TableCell>{profile.notes}</TableCell>
-        </TableRow>
-      </TableBody>
-    </Table>
-  )
-}
+	return (
+		<Table>
+			<TableBody>
+				<TableRow>
+					<TableCell>
+						<Typography variant="h6">Basic Information</Typography>
+					</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Display Name</TableCell>
+					<TableCell>{profile.displayName}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Full Name</TableCell>
+					<TableCell>
+						{profile.firstName} {profile.middleName}{' '}
+						{profile.lastName}
+					</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Gender</TableCell>
+					<TableCell>
+						{profile.gender === Gender.OTHER
+							? profile.genderOther
+							: profile.gender}
+					</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Ethnicity</TableCell>
+					<TableCell>
+						{profile.ethnicity === Ethnicity.OTHER
+							? profile.ethnicityOther
+							: profile.ethnicity}
+					</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>
+						<Typography variant="h6">Essays</Typography>
+					</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Essay 1</TableCell>
+					<TableCell>{profile.essays[0]}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>
+						<Typography variant="h6">School Info</Typography>
+					</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>School</TableCell>
+					<TableCell>{profile.school}</TableCell>
+				</TableRow>
+				{profile.college === null ? null : (
+					<TableRow>
+						<TableCell>College</TableCell>
+						<TableCell>{profile.college}</TableCell>
+					</TableRow>
+				)}
+				<TableRow>
+					<TableCell>Graduation Year</TableCell>
+					<TableCell>{profile.graduationYear}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Major</TableCell>
+					<TableCell>{profile.major}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>
+						<Typography variant="h6">Experience</Typography>
+					</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Number of hackathons attended</TableCell>
+					<TableCell>{profile.hackathonExperience}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>
+						<Typography variant="h6">Work Authorization</Typography>
+					</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Work Permission</TableCell>
+					<TableCell>{profile.workPermission}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Work Location</TableCell>
+					<TableCell>{profile.workLocation}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>
+						<Typography variant="h6">Portfolio</Typography>
+					</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>GitHub</TableCell>
+					<TableCell>{profile.github}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>LinkedIn</TableCell>
+					<TableCell>{profile.linkedin}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Resume</TableCell>
+					<TableCell>
+						<Link href={profile.resume} target="_blank">
+							<OpenInNew className={styles.icon} />
+						</Link>
+					</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Design</TableCell>
+					<TableCell>{profile.design}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Website</TableCell>
+					<TableCell>{profile.website}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>
+						<Typography variant="h6">
+							Logistical Information
+						</Typography>
+					</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Dietary Restrictions</TableCell>
+					<TableCell>
+						{profile.dietaryRestrictions.join(', ')}
+					</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Shirt Size</TableCell>
+					<TableCell>{profile.shirtSize}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Wants Hardware</TableCell>
+					<TableCell>
+						{profile.wantsHardware ? (
+							<Check className={styles.icon} />
+						) : (
+							<Cancel className={styles.icon} />
+						)}
+					</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Region</TableCell>
+					<TableCell>{profile.region}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Phone Number</TableCell>
+					<TableCell>{profile.phoneNumber}</TableCell>
+				</TableRow>
+				<TableRow>
+					<TableCell>Additional Notes</TableCell>
+					<TableCell>{profile.notes}</TableCell>
+				</TableRow>
+			</TableBody>
+		</Table>
+	);
+};
 
 const AdminSettings = ({
-  participant,
-  dispatch,
-  setProfileOpen
+	participant,
+	dispatch,
+	setProfileOpen,
 }: {
-  participant?: any
-  dispatch: Dispatch<any>
-  setProfileOpen: Dispatch<SetStateAction<boolean>>
+	participant?: any;
+	dispatch: Dispatch<any>;
+	setProfileOpen: Dispatch<SetStateAction<boolean>>;
 }): ReactElement => {
-  if (participant?.admin) {
-    return (
-      <RectangleButton
-        className={styles.buttonMargin}
-        type="button"
-        onClick={async () => {
-          try {
-            await dispatch(actions.user.removeAdmin(participant?._id))
-            if (participant) participant.admin = false
-            setProfileOpen(false)
-          } catch (err) {
-            console.error("Error removing user admin")
-          }
-        }}
-      >
-        Remove Admin
-      </RectangleButton>
-    )
-  } else {
-    return (
-      <RectangleButton
-        className={styles.buttonMargin}
-        type="button"
-        onClick={async () => {
-          try {
-            await dispatch(actions.user.addAdmin(participant?._id))
-            if (participant) participant.admin = true
-            setProfileOpen(false)
-          } catch (err) {
-            console.error("Error making user admin")
-          }
-        }}
-      >
-        Make Admin
-      </RectangleButton>
-    )
-  }
-}
+	if (participant?.admin) {
+		return (
+			<RectangleButton
+				className={styles.buttonMargin}
+				type="button"
+				onClick={async () => {
+					try {
+						await dispatch(
+							actions.user.removeAdmin(participant?._id),
+						);
+						if (participant) participant.admin = false;
+						setProfileOpen(false);
+					} catch (err) {
+						console.error('Error removing user admin');
+					}
+				}}
+			>
+				Remove Admin
+			</RectangleButton>
+		);
+	} else {
+		return (
+			<RectangleButton
+				className={styles.buttonMargin}
+				type="button"
+				onClick={async () => {
+					try {
+						await dispatch(actions.user.addAdmin(participant?._id));
+						if (participant) participant.admin = true;
+						setProfileOpen(false);
+					} catch (err) {
+						console.error('Error making user admin');
+					}
+				}}
+			>
+				Make Admin
+			</RectangleButton>
+		);
+	}
+};
 
 const ProfileBox = React.forwardRef(
-  (
-    {
-      participant,
-      setProfileOpen
-    }: {
-      participant: Participant
-      setProfileOpen: Dispatch<SetStateAction<boolean>>
-    },
-    ref
-  ): ReactElement => {
-    const dispatch = useDispatch()
-    const [profile, setProfile] = useState<any>(null)
-    const [loading, setLoading] = useState(true)
+	(
+		{
+			participant,
+			setProfileOpen,
+		}: {
+			participant: Participant;
+			setProfileOpen: Dispatch<SetStateAction<boolean>>;
+		},
+		ref,
+	): ReactElement => {
+		const dispatch = useDispatch();
+		const [profile, setProfile] = useState<any>(null);
+		const [loading, setLoading] = useState(true);
 
-    const status = participant?.status
+		const status = participant?.status;
 
-    const incomplete = [Status.UNVERIFIED, Status.VERIFIED]
-    let profileContent = null
-    if (profile != null && !incomplete.includes(status)) {
-      profileContent = <ProfileContent profile={profile} />
-    }
+		const incomplete = [Status.UNVERIFIED, Status.VERIFIED];
+		let profileContent = null;
+		if (profile != null && !incomplete.includes(status)) {
+			profileContent = <ProfileContent profile={profile} />;
+		}
 
-    useEffect(() => {
-      const queryProfile = async () => {
-        try {
-          setLoading(true)
-          const { data } = await dispatch(
-            actions.user.getProfile(participant._id)
-          )
-          setProfile(data)
-          setLoading(false)
-        } catch (err) {
-          console.error(err)
-          setLoading(false)
-        }
-      }
-      queryProfile()
-    }, [participant])
+		useEffect(() => {
+			const queryProfile = async () => {
+				try {
+					setLoading(true);
+					const { data } = await dispatch(
+						actions.user.getProfile(participant._id),
+					);
+					setProfile(data);
+					setLoading(false);
+				} catch (err) {
+					console.error(err);
+					setLoading(false);
+				}
+			};
+			queryProfile();
+		}, [participant]);
 
-    return (
-      <>
-        <Box className={styles.modal}>
-          <Collapse in={loading}>
-            <CircularProgress />
-          </Collapse>
-          {loading ? null : (
-            <>
-              <Typography variant="h5">{participant?.email}</Typography>
-              <Typography variant="h6">
-                Status: <span className={styles.statusLabel}>{status}</span>
-              </Typography>
-              <AdminSettings
-                participant={participant}
-                dispatch={dispatch}
-                setProfileOpen={setProfileOpen}
-              />
-              {profileContent}
-            </>
-          )}
-        </Box>
-      </>
-    )
-  }
-)
+		return (
+			<>
+				<Box className={styles.modal}>
+					<Collapse in={loading}>
+						<CircularProgress />
+					</Collapse>
+					{loading ? null : (
+						<>
+							<Typography variant="h5">
+								{participant?.email}
+							</Typography>
+							<Typography variant="h6">
+								Status:{' '}
+								<span className={styles.statusLabel}>
+									{status}
+								</span>
+							</Typography>
+							<AdminSettings
+								participant={participant}
+								dispatch={dispatch}
+								setProfileOpen={setProfileOpen}
+							/>
+							{profileContent}
+						</>
+					)}
+				</Box>
+			</>
+		);
+	},
+);
 
-export default ProfileBox
+export default ProfileBox;
diff --git a/src/components/admin/RecruiterCreationForm/index.module.scss b/src/components/admin/RecruiterCreationForm/index.module.scss
index c8fb30d..1d07d0e 100644
--- a/src/components/admin/RecruiterCreationForm/index.module.scss
+++ b/src/components/admin/RecruiterCreationForm/index.module.scss
@@ -1,49 +1,49 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .container {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-self: center;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-self: center;
 }
 
 .applicationForm {
-  width: 80%;
-  display: flex;
-  flex-direction: column;
-  align-self: center;
+	width: 80%;
+	display: flex;
+	flex-direction: column;
+	align-self: center;
 }
 
 .headerContainer {
-  text-align: center;
-  align-self: center;
-  padding-bottom: 0.5rem;
+	text-align: center;
+	align-self: center;
+	padding-bottom: 0.5rem;
 
-  @include down($breakpoint-md) {
-    width: 60%;
-  }
+	@include down($breakpoint-md) {
+		width: 60%;
+	}
 
-  @include down($breakpoint-sm) {
-    width: 80%;
-  }
+	@include down($breakpoint-sm) {
+		width: 80%;
+	}
 }
 
 .header {
-  border-bottom: solid $text-color-primary 2px;
-  padding-bottom: 0.5rem;
-  color: $text-color-primary;
-  @include font-size($h1-font-sizes);
+	border-bottom: solid $text-color-primary 2px;
+	padding-bottom: 0.5rem;
+	color: $text-color-primary;
+	@include font-size($h1-font-sizes);
 }
 
 .formContents {
-  margin-top: 2rem;
-  display: flex;
-  flex-direction: column;
-  gap: 2em;
+	margin-top: 2rem;
+	display: flex;
+	flex-direction: column;
+	gap: 2em;
 }
 
 .buttonContainer {
-  display: flex;
-  justify-content: center;
+	display: flex;
+	justify-content: center;
 }
diff --git a/src/components/admin/RecruiterCreationForm/index.tsx b/src/components/admin/RecruiterCreationForm/index.tsx
index 100a846..d02c72f 100644
--- a/src/components/admin/RecruiterCreationForm/index.tsx
+++ b/src/components/admin/RecruiterCreationForm/index.tsx
@@ -1,186 +1,200 @@
-import { Button, Snackbar, TextField, Typography } from "@mui/material"
-import { Alert, Autocomplete } from "@mui/material"
-import { ReactElement, useEffect, useState } from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import { RootState } from "types/RootState"
-import styles from "./index.module.scss"
+import { Button, Snackbar, TextField, Typography } from '@mui/material';
+import { Alert, Autocomplete } from '@mui/material';
+import { ReactElement, useEffect, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { RootState } from 'types/RootState';
+import styles from './index.module.scss';
 
 interface Sponsor {
-  name: string
-  _id: string
+	name: string;
+	_id: string;
 }
 
 const RecruiterCreationForm = (): ReactElement => {
-  const dispatch = useDispatch()
+	const dispatch = useDispatch();
 
-  const sponsors: Sponsor[] =
-    useSelector((state: RootState) => state.sponsors.data) || []
-  const [sponsorSelection, setSponsorSelection] = useState<string>("")
-  const [email, setEmail] = useState<string>("")
-  const [firstName, setFirstName] = useState<string>("")
-  const [lastName, setLastName] = useState<string>("")
+	const sponsors: Sponsor[] =
+		useSelector((state: RootState) => state.sponsors.data) || [];
+	const [sponsorSelection, setSponsorSelection] = useState<string>('');
+	const [email, setEmail] = useState<string>('');
+	const [firstName, setFirstName] = useState<string>('');
+	const [lastName, setLastName] = useState<string>('');
 
-  const [error, setError] = useState(false)
-  const [errorMessage, setErrorMessage] = useState("")
+	const [error, setError] = useState(false);
+	const [errorMessage, setErrorMessage] = useState('');
 
-  const checkSponsor = () => {
-    if (sponsorSelection != "") {
-      if (errorMessage === "Sponsor not selected") {
-        setError(false)
-        setErrorMessage("")
-      }
-      return true
-    } else {
-      setError(true)
-      setErrorMessage("Sponsor not selected")
-      return false
-    }
-  }
+	const checkSponsor = () => {
+		if (sponsorSelection != '') {
+			if (errorMessage === 'Sponsor not selected') {
+				setError(false);
+				setErrorMessage('');
+			}
+			return true;
+		} else {
+			setError(true);
+			setErrorMessage('Sponsor not selected');
+			return false;
+		}
+	};
 
-  const checkEmail = () => {
-    if (/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/gi.test(email)) {
-      if (errorMessage === "Invalid email") {
-        setError(false)
-        setErrorMessage("")
-      }
-      return true
-    } else {
-      setError(true)
-      setErrorMessage("Invalid email")
-      return false
-    }
-  }
+	const checkEmail = () => {
+		if (
+			/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/gi.test(email)
+		) {
+			if (errorMessage === 'Invalid email') {
+				setError(false);
+				setErrorMessage('');
+			}
+			return true;
+		} else {
+			setError(true);
+			setErrorMessage('Invalid email');
+			return false;
+		}
+	};
 
-  const checkFirstName = () => {
-    if (firstName != "") {
-      if (errorMessage === "Empty first name") {
-        setError(false)
-        setErrorMessage("")
-      }
-      return true
-    } else {
-      setError(true)
-      setErrorMessage("Empty first name")
-      return false
-    }
-  }
+	const checkFirstName = () => {
+		if (firstName != '') {
+			if (errorMessage === 'Empty first name') {
+				setError(false);
+				setErrorMessage('');
+			}
+			return true;
+		} else {
+			setError(true);
+			setErrorMessage('Empty first name');
+			return false;
+		}
+	};
 
-  const checkLastName = () => {
-    if (lastName != "") {
-      if (errorMessage === "Empty last name") {
-        setError(false)
-        setErrorMessage("")
-      }
-      return true
-    } else {
-      setError(true)
-      setErrorMessage("Empty last name")
-      return false
-    }
-  }
+	const checkLastName = () => {
+		if (lastName != '') {
+			if (errorMessage === 'Empty last name') {
+				setError(false);
+				setErrorMessage('');
+			}
+			return true;
+		} else {
+			setError(true);
+			setErrorMessage('Empty last name');
+			return false;
+		}
+	};
 
-  const checkFields = () => {
-    return checkSponsor() && checkEmail() && checkFirstName() && checkLastName()
-  }
+	const checkFields = () => {
+		return (
+			checkSponsor() &&
+			checkEmail() &&
+			checkFirstName() &&
+			checkLastName()
+		);
+	};
 
-  const submitForm = async () => {
-    try {
-      await dispatch(
-        actions.recruiters.create(sponsorSelection, email, firstName, lastName)
-      )
-    } finally {
-      setEmail("")
-      setFirstName("")
-      setLastName("")
-    }
-  }
+	const submitForm = async () => {
+		try {
+			await dispatch(
+				actions.recruiters.create(
+					sponsorSelection,
+					email,
+					firstName,
+					lastName,
+				),
+			);
+		} finally {
+			setEmail('');
+			setFirstName('');
+			setLastName('');
+		}
+	};
 
-  useEffect(() => {
-    dispatch(actions.sponsors.list())
-    // eslint-disable-next-line
-  }, [])
+	useEffect(() => {
+		dispatch(actions.sponsors.list());
+		// eslint-disable-next-line
+	}, []);
 
-  return (
-    <div className={styles.container}>
-      <Snackbar
-        open={error}
-        autoHideDuration={5000}
-        onClose={(e) => setError(false)}
-        anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
-      >
-        <Alert severity="error">{errorMessage}</Alert>
-      </Snackbar>
-      <form
-        className={styles.applicationForm}
-        onSubmit={async (e) => {
-          e.preventDefault()
-          if (checkFields()) {
-            submitForm()
-          }
-        }}
-      >
-        <div className={styles.headerContainer}>
-          <Typography variant="h4" className={styles.header}>
-            Create Recruiter
-          </Typography>
-        </div>
-        <div className={styles.formContents}>
-          <TextField
-            label="First Name"
-            variant="outlined"
-            required
-            fullWidth
-            value={firstName}
-            onChange={(e) => {
-              setFirstName(e.target.value)
-            }}
-          />
-          <TextField
-            label="Last Name"
-            variant="outlined"
-            required
-            fullWidth
-            value={lastName}
-            onChange={(e) => {
-              setLastName(e.target.value)
-            }}
-          />
-          <TextField
-            label="Email"
-            variant="outlined"
-            required
-            fullWidth
-            value={email}
-            onChange={(e) => {
-              setEmail(e.target.value)
-            }}
-          />
-          <Autocomplete
-            options={sponsors}
-            key={"sponsors"}
-            getOptionLabel={(option: any) => option.name}
-            onChange={(e, selection) =>
-              setSponsorSelection(selection ? selection._id.toString() : "")
-            }
-            renderInput={(params) => (
-              <TextField
-                variant="outlined"
-                {...params}
-                label="Sponsor"
-                required
-              />
-            )}
-          />
-          <div className={styles.buttonContainer}>
-            <Button type="submit" variant="outlined">
-              Submit
-            </Button>
-          </div>
-        </div>
-      </form>
-    </div>
-  )
-}
+	return (
+		<div className={styles.container}>
+			<Snackbar
+				open={error}
+				autoHideDuration={5000}
+				onClose={(e) => setError(false)}
+				anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+			>
+				<Alert severity="error">{errorMessage}</Alert>
+			</Snackbar>
+			<form
+				className={styles.applicationForm}
+				onSubmit={async (e) => {
+					e.preventDefault();
+					if (checkFields()) {
+						submitForm();
+					}
+				}}
+			>
+				<div className={styles.headerContainer}>
+					<Typography variant="h4" className={styles.header}>
+						Create Recruiter
+					</Typography>
+				</div>
+				<div className={styles.formContents}>
+					<TextField
+						label="First Name"
+						variant="outlined"
+						required
+						fullWidth
+						value={firstName}
+						onChange={(e) => {
+							setFirstName(e.target.value);
+						}}
+					/>
+					<TextField
+						label="Last Name"
+						variant="outlined"
+						required
+						fullWidth
+						value={lastName}
+						onChange={(e) => {
+							setLastName(e.target.value);
+						}}
+					/>
+					<TextField
+						label="Email"
+						variant="outlined"
+						required
+						fullWidth
+						value={email}
+						onChange={(e) => {
+							setEmail(e.target.value);
+						}}
+					/>
+					<Autocomplete
+						options={sponsors}
+						key={'sponsors'}
+						getOptionLabel={(option: any) => option.name}
+						onChange={(e, selection) =>
+							setSponsorSelection(
+								selection ? selection._id.toString() : '',
+							)
+						}
+						renderInput={(params) => (
+							<TextField
+								variant="outlined"
+								{...params}
+								label="Sponsor"
+								required
+							/>
+						)}
+					/>
+					<div className={styles.buttonContainer}>
+						<Button type="submit" variant="outlined">
+							Submit
+						</Button>
+					</div>
+				</div>
+			</form>
+		</div>
+	);
+};
 
-export default RecruiterCreationForm
+export default RecruiterCreationForm;
diff --git a/src/components/admin/SponsorCreationForm/index.module.scss b/src/components/admin/SponsorCreationForm/index.module.scss
index c8fb30d..1d07d0e 100644
--- a/src/components/admin/SponsorCreationForm/index.module.scss
+++ b/src/components/admin/SponsorCreationForm/index.module.scss
@@ -1,49 +1,49 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .container {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-self: center;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-self: center;
 }
 
 .applicationForm {
-  width: 80%;
-  display: flex;
-  flex-direction: column;
-  align-self: center;
+	width: 80%;
+	display: flex;
+	flex-direction: column;
+	align-self: center;
 }
 
 .headerContainer {
-  text-align: center;
-  align-self: center;
-  padding-bottom: 0.5rem;
+	text-align: center;
+	align-self: center;
+	padding-bottom: 0.5rem;
 
-  @include down($breakpoint-md) {
-    width: 60%;
-  }
+	@include down($breakpoint-md) {
+		width: 60%;
+	}
 
-  @include down($breakpoint-sm) {
-    width: 80%;
-  }
+	@include down($breakpoint-sm) {
+		width: 80%;
+	}
 }
 
 .header {
-  border-bottom: solid $text-color-primary 2px;
-  padding-bottom: 0.5rem;
-  color: $text-color-primary;
-  @include font-size($h1-font-sizes);
+	border-bottom: solid $text-color-primary 2px;
+	padding-bottom: 0.5rem;
+	color: $text-color-primary;
+	@include font-size($h1-font-sizes);
 }
 
 .formContents {
-  margin-top: 2rem;
-  display: flex;
-  flex-direction: column;
-  gap: 2em;
+	margin-top: 2rem;
+	display: flex;
+	flex-direction: column;
+	gap: 2em;
 }
 
 .buttonContainer {
-  display: flex;
-  justify-content: center;
+	display: flex;
+	justify-content: center;
 }
diff --git a/src/components/admin/SponsorCreationForm/index.tsx b/src/components/admin/SponsorCreationForm/index.tsx
index 420be28..a0beff4 100644
--- a/src/components/admin/SponsorCreationForm/index.tsx
+++ b/src/components/admin/SponsorCreationForm/index.tsx
@@ -1,95 +1,95 @@
-import { Button, Snackbar, TextField, Typography } from "@mui/material"
-import { Alert } from "@mui/material"
-import { ReactElement, useState } from "react"
-import { useDispatch } from "react-redux"
-import actions from "src/actions"
-import styles from "./index.module.scss"
+import { Button, Snackbar, TextField, Typography } from '@mui/material';
+import { Alert } from '@mui/material';
+import { ReactElement, useState } from 'react';
+import { useDispatch } from 'react-redux';
+import actions from 'src/actions';
+import styles from './index.module.scss';
 
 const SponsorCreationForm = (): ReactElement => {
-  const dispatch = useDispatch()
+	const dispatch = useDispatch();
 
-  const [sponsors, setSponsors] = useState("")
-  const [loading, setLoading] = useState(false)
+	const [sponsors, setSponsors] = useState('');
+	const [loading, setLoading] = useState(false);
 
-  const [error, setError] = useState(false)
-  const [errorMessage, setErrorMessage] = useState("")
+	const [error, setError] = useState(false);
+	const [errorMessage, setErrorMessage] = useState('');
 
-  const [success, setSuccess] = useState(false)
-  const [successMessage, setSuccessMessage] = useState("")
+	const [success, setSuccess] = useState(false);
+	const [successMessage, setSuccessMessage] = useState('');
 
-  const createSponsors = async () => {
-    setLoading(true)
-    try {
-      const lines = sponsors.split("\n").filter((line) => line != "")
-      if (lines.length == 0) {
-        setError(true)
-        setErrorMessage("Please enter at least one sponsor!")
-      } else {
-        for (const sponsorName of lines) {
-          setSuccess(false)
-          await dispatch(actions.sponsors.create(sponsorName))
-          setSuccessMessage("Created sponsor: " + sponsorName)
-          setSuccess(true)
-        }
-      }
-    } catch (err: any) {
-      setError(true)
-      setErrorMessage(err.data)
-    }
-    setLoading(false)
-  }
+	const createSponsors = async () => {
+		setLoading(true);
+		try {
+			const lines = sponsors.split('\n').filter((line) => line != '');
+			if (lines.length == 0) {
+				setError(true);
+				setErrorMessage('Please enter at least one sponsor!');
+			} else {
+				for (const sponsorName of lines) {
+					setSuccess(false);
+					await dispatch(actions.sponsors.create(sponsorName));
+					setSuccessMessage('Created sponsor: ' + sponsorName);
+					setSuccess(true);
+				}
+			}
+		} catch (err: any) {
+			setError(true);
+			setErrorMessage(err.data);
+		}
+		setLoading(false);
+	};
 
-  return (
-    <div className={styles.container}>
-      <Snackbar
-        open={error}
-        autoHideDuration={5000}
-        onClose={(e) => setError(false)}
-        anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
-      >
-        <Alert severity="error">{errorMessage}</Alert>
-      </Snackbar>
-      <Snackbar
-        open={success}
-        autoHideDuration={5000}
-        onClose={(e) => setSuccess(false)}
-        anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
-      >
-        <Alert severity="success">{successMessage}</Alert>
-      </Snackbar>
-      <form
-        className={styles.applicationForm}
-        onSubmit={async (e) => {
-          e.preventDefault()
-          createSponsors()
-        }}
-      >
-        <div className={styles.headerContainer}>
-          <Typography variant="h4" className={styles.header}>
-            Create Sponsor
-          </Typography>
-        </div>
-        <div className={styles.formContents}>
-          <Typography variant="body2">
-            If creating multiple sponsors (companies) at once, put each company
-            name on a new line
-          </Typography>
-          <TextField
-            label="Sponsors"
-            multiline
-            minRows={4}
-            value={sponsors}
-            onChange={(e) => setSponsors(e.target.value)}
-          />
-          <div className={styles.buttonContainer}>
-            <Button type="submit" variant="outlined">
-              Submit
-            </Button>
-          </div>
-        </div>
-      </form>
-    </div>
-  )
-}
+	return (
+		<div className={styles.container}>
+			<Snackbar
+				open={error}
+				autoHideDuration={5000}
+				onClose={(e) => setError(false)}
+				anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+			>
+				<Alert severity="error">{errorMessage}</Alert>
+			</Snackbar>
+			<Snackbar
+				open={success}
+				autoHideDuration={5000}
+				onClose={(e) => setSuccess(false)}
+				anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+			>
+				<Alert severity="success">{successMessage}</Alert>
+			</Snackbar>
+			<form
+				className={styles.applicationForm}
+				onSubmit={async (e) => {
+					e.preventDefault();
+					createSponsors();
+				}}
+			>
+				<div className={styles.headerContainer}>
+					<Typography variant="h4" className={styles.header}>
+						Create Sponsor
+					</Typography>
+				</div>
+				<div className={styles.formContents}>
+					<Typography variant="body2">
+						If creating multiple sponsors (companies) at once, put
+						each company name on a new line
+					</Typography>
+					<TextField
+						label="Sponsors"
+						multiline
+						minRows={4}
+						value={sponsors}
+						onChange={(e) => setSponsors(e.target.value)}
+					/>
+					<div className={styles.buttonContainer}>
+						<Button type="submit" variant="outlined">
+							Submit
+						</Button>
+					</div>
+				</div>
+			</form>
+		</div>
+	);
+};
 
-export default SponsorCreationForm
+export default SponsorCreationForm;
diff --git a/src/components/admin/Teams/index.module.scss b/src/components/admin/Teams/index.module.scss
new file mode 100644
index 0000000..906a191
--- /dev/null
+++ b/src/components/admin/Teams/index.module.scss
@@ -0,0 +1,124 @@
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
+
+.dialog {
+	display: flex;
+	align-items: center;
+	width: 75%;
+	border-radius: 25px;
+	padding: 2rem;
+	margin: 0 auto;
+	flex-direction: column;
+	background-image: $dialog-container-gradient;
+	box-shadow: $dialog-container-box-shadow;
+	backdrop-filter: blur(4px);
+
+	max-height: 70%;
+	overflow: scroll;
+
+	@include down($breakpoint-md) {
+		width: 80%;
+	}
+
+	@include down($breakpoint-sm) {
+		width: 70%;
+	}
+}
+
+.dialogContent {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	width: 100%;
+}
+
+.spinnerContainer {
+	display: flex;
+	justify-content: center;
+}
+
+.buttonMargin {
+	margin-right: 1em;
+	margin-bottom: 1em;
+  }
+  
+.buttonMargin:last-child {
+	margin-right: 0;
+  }
+
+.toolbar {
+	width: 100%;
+	justify-content: end;
+}
+
+.toolbarContent {
+	display: flex;
+	flex-direction: row;
+	gap: 1em;
+	padding-right: 1em;
+}
+
+.table {
+	width: 100%;
+}
+
+.chipMargin {
+	margin-right: 0.5em;
+}
+
+.chipUnverified {
+	&:global(.MuiChip-root) {
+		background-color: $status-color-unverified;
+	}
+}
+
+.chipVerified {
+	&:global(.MuiChip-root) {
+		background-color: $status-color-verified;
+	}
+}
+
+.chipApplied {
+	&:global(.MuiChip-root) {
+		background-color: $status-color-applied;
+	}
+}
+
+.chipAdmitted {
+	&:global(.MuiChip-root) {
+		background-color: $status-color-admitted;
+	}
+}
+
+.chipRejected {
+	&:global(.MuiChip-root) {
+		background-color: $status-color-rejected;
+	}
+}
+
+.chipDeclined {
+	&:global(.MuiChip-root) {
+		background-color: $status-color-declined;
+	}
+}
+
+.chipConfirmed {
+	&:global(.MuiChip-root) {
+		background-color: $status-color-confirmed;
+	}
+}
+
+.buttonContainer {
+	display: flex;
+	gap: 5px;
+}
+
+.withIcon {
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+}
+
+.editIcon {
+	cursor: pointer;
+}
diff --git a/src/components/admin/Teams/index.tsx b/src/components/admin/Teams/index.tsx
new file mode 100644
index 0000000..dd1f635
--- /dev/null
+++ b/src/components/admin/Teams/index.tsx
@@ -0,0 +1,337 @@
+import {
+	Typography,
+	Button,
+	Chip,
+	CircularProgress,
+	Collapse,
+	Dialog,
+	DialogActions,
+	DialogContent,
+	DialogContentText,
+	DialogTitle,
+	IconButton,
+	Modal,
+	Snackbar,
+	Table,
+	TableBody,
+	TableCell,
+	TableContainer,
+	TableHead,
+	TablePagination,
+	TableRow,
+	TextField,
+	Toolbar,
+} from '@mui/material';
+import { Alert, Autocomplete } from '@mui/material';
+import EditOutlinedIcon from '@mui/icons-material/EditOutlined';
+import { ReactElement, useEffect, useMemo, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { RootState } from 'types/RootState';
+import styles from './index.module.scss';
+import axios from 'axios';
+import { Team } from 'types/Team';
+import { Column, useTable, Cell } from 'react-table';
+import { Participant } from 'types/Participant';
+import ProfileBox from '../ProfileBox';
+import RectangleButton from 'src/components/design/RectangleButton';
+import admin from 'pages/admin';
+import EditTeam from '../EditTeam';
+export default () => {
+	const dispatch = useDispatch();
+
+	const [error, setError] = useState(false);
+	const [errorMessage, setErrorMessage] = useState('');
+	const [teams, setTeams] = useState<Team[]>([]);
+
+	const [selectedUser, setSelectedUser] = useState<Participant | null>(null);
+
+	const [selectedTeam, setSelectedTeam] = useState<Team | null>(null);
+
+	const [page, setPage] = useState(0);
+	const [rowsPerPage, setRowsPerPage] = useState(5);
+
+	const [teamOpen, setTeamOpen] = useState(false);
+	const [profileOpen, setProfileOpen] = useState(false);
+
+	const [search, setSearch] = useState('');
+
+	const user = useSelector((state: RootState) => state.accounts.data);
+	useEffect(() => {
+		const fetchData = async () => {
+			try {
+				const { data } = (await dispatch(actions.user.getTeams())) as {
+					data: Team[];
+				};
+				setTeams(data);
+				console.log(teams);
+			} catch (err) {
+				setError(true);
+				setErrorMessage(err as string);
+			}
+		};
+		fetchData();
+	}, []);
+
+	const columns: Column<Team>[] = useMemo(
+		() => [
+			{
+				Header: 'Name',
+				accessor: 'name',
+			},
+			{
+				Header: 'Description',
+				accessor: 'description',
+			},
+			{
+				Header: 'Leader',
+				accessor: 'admin',
+				Cell: ({ cell }: { cell: any }) => {
+					const original: Team = cell.row.original;
+					const adminAsParticipant = original.members.find(
+						(m) => m._id == original.admin._id,
+					);
+					if (!adminAsParticipant) {
+						setErrorMessage('Error: Admin is not in team');
+						setError(true);
+						return;
+					}
+
+					const adminParticipant = original.members.find(
+						(m) => m._id === adminAsParticipant._id,
+					);
+
+					if (!adminParticipant) {
+						setErrorMessage('Error: Admin participant not found');
+						setError(true);
+						return;
+					}
+
+					return (
+						<RectangleButton
+							className={styles.buttonMargin}
+							type="button"
+							onClick={() => {
+								setSelectedUser(adminParticipant);
+								setProfileOpen(true);
+							}}
+						>
+							Profile
+						</RectangleButton>
+					);
+				},
+			},
+			{
+				Header: 'Members',
+				accessor: 'members',
+				Cell: ({ cell }: { cell: any }) => {
+					const members: Participant[] = cell.row.original.members;
+					return members.map((member) => (
+						<RectangleButton
+							key={member._id}
+							className={styles.buttonMargin}
+							type="button"
+							onClick={() => {
+								setSelectedUser(member);
+								setProfileOpen(true);
+							}}
+						>
+							{member.email}
+						</RectangleButton>
+					));
+				},
+				getProps: () => {
+					return {
+						class: "team-cell"
+					}
+				}
+			},
+			{
+				Header: 'Actions',
+				Cell: (cell: Cell<Team>) => (
+					<RectangleButton
+						onClick={() => {
+							setTeamOpen(true);
+							setSelectedTeam(cell.row.original);
+						}}
+						type="button"
+					>
+						Edit
+					</RectangleButton>
+				),
+			},
+		],
+		[],
+	);
+
+	const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } =
+		useTable<Team>({
+			columns,
+			data: teams,
+			initialState: {
+				hiddenColumns: ['_id'],
+			},
+		});
+
+	return (
+		<>
+			<Modal
+				open={profileOpen || teamOpen}
+				onClose={() => {
+					setProfileOpen(false);
+					setTeamOpen(false);
+				}}
+				aria-labelledby="modal-modal-title"
+				aria-describedby="modal-modal-description"
+			>
+				{profileOpen ? (
+					<ProfileBox
+						participant={selectedUser as Participant}
+						setProfileOpen={setProfileOpen}
+					/>
+				) : teamOpen && selectedTeam ? (
+					<EditTeam team={selectedTeam} />
+				) : (
+					<div></div>
+				)}
+			</Modal>
+			<div className={styles.container}>
+				<Snackbar
+					open={error}
+					autoHideDuration={5000}
+					onClose={(e) => setError(false)}
+					anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+				>
+					<Alert severity="error">{errorMessage}</Alert>
+				</Snackbar>
+				<form
+					className={styles.applicationForm}
+					onSubmit={async (e) => {
+						e.preventDefault();
+					}}
+				>
+					<div className={styles.formContents}>
+						<div className={styles.buttonContainer}></div>
+					</div>
+				</form>
+				<TableContainer>
+					<TextField
+						variant="outlined"
+						placeholder="Search by team name, team description, or member name"
+						fullWidth={true}
+						value={search}
+						InputProps={{
+							classes: { notchedOutline: styles.textFieldInput },
+						}}
+						onChange={(e) => {
+							setSearch(e.target.value);
+							setPage(0);
+						}}
+					/>
+					<Table {...getTableProps()}>
+						<TableHead>
+							{
+								// Loop over the header rows
+								headerGroups.map((headerGroup, headerIdx) => (
+									// Apply the header row props
+									<TableRow
+										{...headerGroup.getHeaderGroupProps()}
+										key={headerIdx}
+									>
+										{
+											// Loop over the headers in each row
+											headerGroup.headers.map(
+												(column, cellIdx) => (
+													// Apply the header cell props
+													<TableCell
+														{...column.getHeaderProps()}
+														key={cellIdx}
+													>
+														{
+															// Render the header
+															column.render(
+																'Header',
+															)
+														}
+													</TableCell>
+												),
+											)
+										}
+									</TableRow>
+								))
+							}
+						</TableHead>
+						{/* Apply the table body props */}
+						<TableBody {...getTableBodyProps()}>
+							{
+								// Loop over the table rows
+								rows
+									.filter((row) => {
+										const query = search.trim().toLowerCase()
+										const obj = row.original;
+										return obj.name.trim().toLowerCase().includes(query) ||
+											obj.description.trim().toLowerCase().includes(query) ||
+											obj.members.some((member) => (member.firstName + ' ' + member.lastName)
+												.trim().toLowerCase().includes(query))
+									})
+									.slice(
+										page * rowsPerPage,
+										page * rowsPerPage + rowsPerPage,
+									)
+									.map((row, rowIdx) => {
+										// Prepare the row for display
+										prepareRow(row);
+										return (
+											// Apply the row props
+											<TableRow
+												{...row.getRowProps()}
+												key={rowIdx}
+											>
+												{
+													// Loop over the rows cells
+													row.cells.map(
+														(cell, cellIdx) => {
+															// Apply the cell props
+															return (
+																<TableCell
+																	{...cell.getCellProps()}
+																	key={
+																		cellIdx
+																	}
+																>
+																	{
+																		// Render the cell contents
+																		cell.render(
+																			'Cell',
+																		)
+																	}
+																</TableCell>
+															);
+														},
+													)
+												}
+											</TableRow>
+										);
+									})
+							}
+						</TableBody>
+					</Table>
+				</TableContainer>
+				<TablePagination
+					rowsPerPageOptions={[5, 10, 25]}
+					component="div"
+					count={rows.length}
+					rowsPerPage={rowsPerPage}
+					page={page}
+					onPageChange={(e, newPage: number) => setPage(newPage)}
+					onRowsPerPageChange={(
+						event: React.ChangeEvent<HTMLInputElement>,
+					) => {
+						setRowsPerPage(parseInt(event.target.value, 10));
+						setPage(0);
+					}}
+				/>
+			</div>
+		</>
+	);
+};
diff --git a/src/components/auth/AuthenticationDialog/index.module.scss b/src/components/auth/AuthenticationDialog/index.module.scss
index 422daba..fa94220 100644
--- a/src/components/auth/AuthenticationDialog/index.module.scss
+++ b/src/components/auth/AuthenticationDialog/index.module.scss
@@ -1,90 +1,90 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .dialog {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 20rem;
-  padding: 1em;
-  margin: 0 auto;
-  text-align: center;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 20rem;
+	padding: 1em;
+	margin: 0 auto;
+	text-align: center;
 
-  @include down($breakpoint-md) {
-    width: 50%;
-  }
+	@include down($breakpoint-md) {
+		width: 50%;
+	}
 
-  @include down($breakpoint-sm) {
-    width: 80%;
-  }
+	@include down($breakpoint-sm) {
+		width: 80%;
+	}
 }
 
 .registrationForm {
-  display: flex;
-  flex-direction: column;
-  gap: 1em;
-  width: 100%;
+	display: flex;
+	flex-direction: column;
+	gap: 1em;
+	width: 100%;
 
-  @include down($breakpoint-md) {
-    gap: 0.8em;
-  }
+	@include down($breakpoint-md) {
+		gap: 0.8em;
+	}
 
-  @include down($breakpoint-sm) {
-    gap: 0.4em;
-  }
+	@include down($breakpoint-sm) {
+		gap: 0.4em;
+	}
 }
 
 .header {
-  margin-bottom: 1rem;
-  font-weight: 600;
-  background-image: linear-gradient(
-    180deg,
-    $gradient-color-start 19.64%,
-    $gradient-color-end 69.64%
-  );
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
+	margin-bottom: 1rem;
+	font-weight: 600;
+	background-image: linear-gradient(
+		180deg,
+		$gradient-color-start 19.64%,
+		$gradient-color-end 69.64%
+	);
+	background-clip: text;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
 }
 
 .switchAuth {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin-top: 1em;
-  color: $text-color-primary;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	margin-top: 1em;
+	color: $text-color-primary;
 }
 
 .link {
-  font-weight: bold;
-  text-decoration: none;
-  color: $text-color-primary;
-  margin-bottom: 1rem;
+	font-weight: bold;
+	text-decoration: none;
+	color: $text-color-primary;
+	margin-bottom: 1rem;
 }
 
 .link:hover {
-  text-decoration: underline;
-  filter: brightness(85%);
+	text-decoration: underline;
+	filter: brightness(85%);
 }
 
 .warning {
-  width: 35rem;
-  margin: 5px auto;
-  vertical-align: middle;
+	width: 35rem;
+	margin: 5px auto;
+	vertical-align: middle;
 
-  @include down($breakpoint-sm) {
-    width: 80%;
-  }
+	@include down($breakpoint-sm) {
+		width: 80%;
+	}
 }
 
 .wrapper {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
+	display: flex;
+	flex-direction: column;
+	width: 100%;
 }
 
 .emphasize {
-  font-weight: 600;
-  text-decoration: underline;
+	font-weight: 600;
+	text-decoration: underline;
 }
diff --git a/src/components/auth/AuthenticationDialog/index.tsx b/src/components/auth/AuthenticationDialog/index.tsx
index 01f35e0..0d54c48 100644
--- a/src/components/auth/AuthenticationDialog/index.tsx
+++ b/src/components/auth/AuthenticationDialog/index.tsx
@@ -1,174 +1,180 @@
 import {
-  Collapse,
-  Snackbar,
-  TextField,
-  Typography,
-  Alert,
-  LinearProgress
-} from "@mui/material"
-import AnalyticsEvent from "enums/AnalyticsEvent"
-import { useRouter } from "next/dist/client/router"
-import NextLink from "next/link"
-import { ReactElement, useState } from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import { RootState } from "types/RootState"
-import RectangleButton from "../../design/RectangleButton"
-import styles from "./index.module.scss"
+	Collapse,
+	Snackbar,
+	TextField,
+	Typography,
+	Alert,
+	LinearProgress,
+} from '@mui/material';
+import AnalyticsEvent from 'enums/AnalyticsEvent';
+import { useRouter } from 'next/dist/client/router';
+import NextLink from 'next/link';
+import { ReactElement, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { RootState } from 'types/RootState';
+import RectangleButton from '../../design/RectangleButton';
+import styles from './index.module.scss';
 
 const AuthenticationDialog = ({
-  registration = false
+	registration = false,
 }: {
-  registration: boolean
+	registration: boolean;
 }): ReactElement => {
-  const dispatch = useDispatch()
-  const router = useRouter()
-  const [email, setEmail] = useState("")
-  const [password, setPassword] = useState("")
-  const [loading, setLoading] = useState(false)
-  const [error, setError] = useState(false)
+	const dispatch = useDispatch();
+	const router = useRouter();
+	const [email, setEmail] = useState('');
+	const [password, setPassword] = useState('');
+	const [loading, setLoading] = useState(false);
+	const [error, setError] = useState(false);
 
-  const [confirmPassword, setConfirmPassword] = useState("")
-  const [passwordsMatch, setPasswordsMatch] = useState(true)
+	const [confirmPassword, setConfirmPassword] = useState('');
+	const [passwordsMatch, setPasswordsMatch] = useState(true);
 
-  const errorMessage = useSelector((state: RootState) => state?.accounts?.error)
+	const errorMessage = useSelector(
+		(state: RootState) => state?.accounts?.error,
+	);
 
-  const register = async () => {
-    setLoading(true)
-    if (password === confirmPassword) {
-      setPasswordsMatch(true)
-      try {
-        await dispatch(actions.auth.register(email, password))
-        window.gtag("event", AnalyticsEvent.ACCOUNT_CREATED)
-        router.push("/")
-      } catch (err) {
-        console.error(err)
-        setError(true)
-      }
-    } else {
-      setPasswordsMatch(false)
-    }
-    setLoading(false)
-  }
-  const login = async () => {
-    setLoading(true)
-    try {
-      await dispatch(actions.auth.login(email, password))
-      router.push("/")
-    } catch (err) {
-      console.error(err)
-      setError(true)
-    }
-    setLoading(false)
-  }
+	const register = async () => {
+		setLoading(true);
+		if (password === confirmPassword) {
+			setPasswordsMatch(true);
+			try {
+				await dispatch(actions.auth.register(email, password));
+				window.gtag('event', AnalyticsEvent.ACCOUNT_CREATED);
+				router.push('/');
+			} catch (err) {
+				console.error(err);
+				setError(true);
+			}
+		} else {
+			setPasswordsMatch(false);
+		}
+		setLoading(false);
+	};
+	const login = async () => {
+		setLoading(true);
+		try {
+			await dispatch(actions.auth.login(email, password));
+			router.push('/');
+		} catch (err) {
+			console.error(err);
+			setError(true);
+		}
+		setLoading(false);
+	};
 
-  return (
-    <div className={styles.wrapper}>
-      <div className={styles.dialog}>
-        <Snackbar
-          open={error || !passwordsMatch}
-          autoHideDuration={5000}
-          onClose={() => {
-            setError(false)
-            setPasswordsMatch(true)
-          }}
-          anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
-        >
-          <Alert severity="error">
-            {error ? errorMessage : "Passwords don't match"}
-          </Alert>
-        </Snackbar>
-        <form
-          className={styles.registrationForm}
-          onSubmit={(e) => {
-            e.preventDefault()
+	return (
+		<div className={styles.wrapper}>
+			<div className={styles.dialog}>
+				<Snackbar
+					open={error || !passwordsMatch}
+					autoHideDuration={5000}
+					onClose={() => {
+						setError(false);
+						setPasswordsMatch(true);
+					}}
+					anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+				>
+					<Alert severity="error">
+						{error ? errorMessage : "Passwords don't match"}
+					</Alert>
+				</Snackbar>
+				<form
+					className={styles.registrationForm}
+					onSubmit={(e) => {
+						e.preventDefault();
 
-            if (registration) {
-              register()
-            } else {
-              login()
-            }
-          }}
-        >
-          <Typography variant="h4" className={styles.header}>
-            Welcome
-          </Typography>
-          <TextField
-            required
-            name="email"
-            size="medium"
-            label="Email"
-            variant="outlined"
-            fullWidth={true}
-            value={email}
-            disabled={loading}
-            onChange={(e) => {
-              setEmail(e.target.value)
-            }}
-          />
-          <TextField
-            required
-            type="password"
-            name="password"
-            size="medium"
-            label="Password"
-            variant="outlined"
-            fullWidth={true}
-            value={password}
-            disabled={loading}
-            onChange={(e) => {
-              setPassword(e.target.value)
-            }}
-          />
-          {registration ? (
-            <TextField
-              required
-              type="password"
-              name="confirm_password"
-              size="medium"
-              label="Confirm password"
-              variant="outlined"
-              fullWidth={true}
-              value={confirmPassword}
-              disabled={loading}
-              onChange={(e) => {
-                setConfirmPassword(e.target.value)
-              }}
-            />
-          ) : null}
-          <Collapse in={loading}>
-            <LinearProgress />
-          </Collapse>
-          <RectangleButton type="submit">
-            {registration ? "Register" : "Login"}
-          </RectangleButton>
-          <div className={styles.switchAuth}>
-            <Typography variant="body1">
-              {registration
-                ? "Already have an account?"
-                : "Don't have an account?"}
-            </Typography>
-            <NextLink href={registration ? "/login" : "/register"} passHref>
-              <a className={styles.link}>
-                {registration ? "Log In" : "Sign Up"}
-              </a>
-            </NextLink>
-            {registration ? null : (
-              <NextLink href="/forgot-password" passHref>
-                <a className={styles.link}>Forgot password</a>
-              </NextLink>
-            )}
-          </div>
-        </form>
-      </div>
-      <Alert severity="warning" className={styles.warning}>
-        Participants must be at least 18 years old
-      </Alert>
-      <Alert severity="info" className={styles.warning}>
-        Applications will be accepted on a first-come, first-serve rolling basis
-      </Alert>
-    </div>
-  )
-}
+						if (registration) {
+							register();
+						} else {
+							login();
+						}
+					}}
+				>
+					<Typography variant="h4" className={styles.header}>
+						Welcome
+					</Typography>
+					<TextField
+						required
+						name="email"
+						size="medium"
+						label="Email"
+						variant="outlined"
+						fullWidth={true}
+						value={email}
+						disabled={loading}
+						onChange={(e) => {
+							setEmail(e.target.value);
+						}}
+					/>
+					<TextField
+						required
+						type="password"
+						name="password"
+						size="medium"
+						label="Password"
+						variant="outlined"
+						fullWidth={true}
+						value={password}
+						disabled={loading}
+						onChange={(e) => {
+							setPassword(e.target.value);
+						}}
+					/>
+					{registration ? (
+						<TextField
+							required
+							type="password"
+							name="confirm_password"
+							size="medium"
+							label="Confirm password"
+							variant="outlined"
+							fullWidth={true}
+							value={confirmPassword}
+							disabled={loading}
+							onChange={(e) => {
+								setConfirmPassword(e.target.value);
+							}}
+						/>
+					) : null}
+					<Collapse in={loading}>
+						<LinearProgress />
+					</Collapse>
+					<RectangleButton type="submit">
+						{registration ? 'Register' : 'Login'}
+					</RectangleButton>
+					<div className={styles.switchAuth}>
+						<Typography variant="body1">
+							{registration
+								? 'Already have an account?'
+								: "Don't have an account?"}
+						</Typography>
+						<NextLink
+							href={registration ? '/login' : '/register'}
+							passHref
+						>
+							<a className={styles.link}>
+								{registration ? 'Log In' : 'Sign Up'}
+							</a>
+						</NextLink>
+						{registration ? null : (
+							<NextLink href="/forgot-password" passHref>
+								<a className={styles.link}>Forgot password</a>
+							</NextLink>
+						)}
+					</div>
+				</form>
+			</div>
+			<Alert severity="warning" className={styles.warning}>
+				Participants must be at least 18 years old
+			</Alert>
+			<Alert severity="info" className={styles.warning}>
+				Applications will be accepted on a first-come, first-serve
+				rolling basis
+			</Alert>
+		</div>
+	);
+};
 
-export default AuthenticationDialog
+export default AuthenticationDialog;
diff --git a/src/components/auth/PasswordResetDialog/index.module.scss b/src/components/auth/PasswordResetDialog/index.module.scss
index 32dfab6..3b9d11f 100644
--- a/src/components/auth/PasswordResetDialog/index.module.scss
+++ b/src/components/auth/PasswordResetDialog/index.module.scss
@@ -1,45 +1,45 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .dialog {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 25%;
-  padding: 1em;
-  text-align: center;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 25%;
+	padding: 1em;
+	text-align: center;
 
-  @include down($breakpoint-md) {
-    width: 50%;
-  }
+	@include down($breakpoint-md) {
+		width: 50%;
+	}
 
-  @include down($breakpoint-sm) {
-    width: 80%;
-  }
+	@include down($breakpoint-sm) {
+		width: 80%;
+	}
 }
 
 .resetForm {
-  display: flex;
-  flex-direction: column;
-  gap: 1em;
-  width: 100%;
+	display: flex;
+	flex-direction: column;
+	gap: 1em;
+	width: 100%;
 }
 
 .header {
-  font-weight: 600;
-  background-image: linear-gradient(
-    180deg,
-    $gradient-color-start 19.64%,
-    $gradient-color-end 69.64%
-  );
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  margin-bottom: 1em;
+	font-weight: 600;
+	background-image: linear-gradient(
+		180deg,
+		$gradient-color-start 19.64%,
+		$gradient-color-end 69.64%
+	);
+	background-clip: text;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	margin-bottom: 1em;
 }
 
 .dialogContent {
-  display: flex;
-  flex-direction: column;
-  color: $gradient-color-start;
+	display: flex;
+	flex-direction: column;
+	color: $gradient-color-start;
 }
diff --git a/src/components/auth/PasswordResetDialog/index.tsx b/src/components/auth/PasswordResetDialog/index.tsx
index cdaf44b..22aa790 100644
--- a/src/components/auth/PasswordResetDialog/index.tsx
+++ b/src/components/auth/PasswordResetDialog/index.tsx
@@ -1,96 +1,100 @@
 import {
-  Collapse,
-  LinearProgress,
-  Link,
-  Snackbar,
-  TextField,
-  Typography
-} from "@mui/material"
-import { Alert } from "@mui/material"
-import { ReactElement, useState } from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import { RootState } from "types/RootState"
-import RectangleButton from "../../design/RectangleButton"
-import styles from "./index.module.scss"
+	Collapse,
+	LinearProgress,
+	Link,
+	Snackbar,
+	TextField,
+	Typography,
+} from '@mui/material';
+import { Alert } from '@mui/material';
+import { ReactElement, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { RootState } from 'types/RootState';
+import RectangleButton from '../../design/RectangleButton';
+import styles from './index.module.scss';
 
 const PasswordResetDialog = ({ token }: { token: string }): ReactElement => {
-  const dispatch = useDispatch()
-  const [password, setPassword] = useState("")
-  const [loading, setLoading] = useState(false)
-  const [error, setError] = useState(false)
+	const dispatch = useDispatch();
+	const [password, setPassword] = useState('');
+	const [loading, setLoading] = useState(false);
+	const [error, setError] = useState(false);
 
-  const [updatedPassword, setUpdatedPassword] = useState(false)
+	const [updatedPassword, setUpdatedPassword] = useState(false);
 
-  const errorMessage = useSelector((state: RootState) => state?.accounts?.error)
+	const errorMessage = useSelector(
+		(state: RootState) => state?.accounts?.error,
+	);
 
-  const sendResetEmail = async () => {
-    setLoading(true)
-    try {
-      await dispatch(actions.auth.resetPassword(token, password))
-      setUpdatedPassword(true)
-    } catch (err) {
-      setError(true)
-    }
-    setLoading(false)
-  }
+	const sendResetEmail = async () => {
+		setLoading(true);
+		try {
+			await dispatch(actions.auth.resetPassword(token, password));
+			setUpdatedPassword(true);
+		} catch (err) {
+			setError(true);
+		}
+		setLoading(false);
+	};
 
-  const resetForm = (
-    <form
-      className={styles.resetForm}
-      onSubmit={(e) => {
-        e.preventDefault()
+	const resetForm = (
+		<form
+			className={styles.resetForm}
+			onSubmit={(e) => {
+				e.preventDefault();
 
-        sendResetEmail()
-      }}
-    >
-      <TextField
-        required
-        name="password"
-        type="password"
-        size="medium"
-        label="New Password"
-        variant="outlined"
-        fullWidth={true}
-        value={password}
-        onChange={(e) => {
-          setPassword(e.target.value)
-        }}
-      />
-      <RectangleButton type="submit">Reset</RectangleButton>
-    </form>
-  )
+				sendResetEmail();
+			}}
+		>
+			<TextField
+				required
+				name="password"
+				type="password"
+				size="medium"
+				label="New Password"
+				variant="outlined"
+				fullWidth={true}
+				value={password}
+				onChange={(e) => {
+					setPassword(e.target.value);
+				}}
+			/>
+			<RectangleButton type="submit">Reset</RectangleButton>
+		</form>
+	);
 
-  const updatedPasswordMessage = (
-    <>
-      <Typography variant="body1">Your password has been reset!</Typography>
-      <Typography variant="body1">
-        <Link href="/login">Login</Link> with your new password.
-      </Typography>
-    </>
-  )
+	const updatedPasswordMessage = (
+		<>
+			<Typography variant="body1">
+				Your password has been reset!
+			</Typography>
+			<Typography variant="body1">
+				<Link href="/login">Login</Link> with your new password.
+			</Typography>
+		</>
+	);
 
-  return (
-    <div className={styles.dialog}>
-      <Collapse in={loading}>
-        <LinearProgress />
-      </Collapse>
-      <Snackbar
-        open={error}
-        autoHideDuration={5000}
-        onClose={(e) => setError(false)}
-        anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
-      >
-        <Alert severity="error">{errorMessage}</Alert>
-      </Snackbar>
-      <div className={styles.dialogContent}>
-        <Typography variant="h4" className={styles.header}>
-          Change Password
-        </Typography>
-        {updatedPassword ? updatedPasswordMessage : resetForm}
-      </div>
-    </div>
-  )
-}
+	return (
+		<div className={styles.dialog}>
+			<Collapse in={loading}>
+				<LinearProgress />
+			</Collapse>
+			<Snackbar
+				open={error}
+				autoHideDuration={5000}
+				onClose={(e) => setError(false)}
+				anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+			>
+				<Alert severity="error">{errorMessage}</Alert>
+			</Snackbar>
+			<div className={styles.dialogContent}>
+				<Typography variant="h4" className={styles.header}>
+					Change Password
+				</Typography>
+				{updatedPassword ? updatedPasswordMessage : resetForm}
+			</div>
+		</div>
+	);
+};
 
-export default PasswordResetDialog
+export default PasswordResetDialog;
diff --git a/src/components/auth/RequestResetDialog/index.module.scss b/src/components/auth/RequestResetDialog/index.module.scss
index 75dca93..7bd3357 100644
--- a/src/components/auth/RequestResetDialog/index.module.scss
+++ b/src/components/auth/RequestResetDialog/index.module.scss
@@ -1,55 +1,55 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .dialog {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  padding: 1em;
-  margin: 0 auto;
-  text-align: center;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	padding: 1em;
+	margin: 0 auto;
+	text-align: center;
 }
 
 .resetForm {
-  display: flex;
-  flex-direction: column;
-  gap: 1em;
-  width: 100%;
+	display: flex;
+	flex-direction: column;
+	gap: 1em;
+	width: 100%;
 }
 
 .header {
-  font-weight: 600;
-  background-image: linear-gradient(
-    180deg,
-    $gradient-color-start 19.64%,
-    $gradient-color-end 69.64%
-  );
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  margin-bottom: 1em;
-  padding-bottom: 1em;
+	font-weight: 600;
+	background-image: linear-gradient(
+		180deg,
+		$gradient-color-start 19.64%,
+		$gradient-color-end 69.64%
+	);
+	background-clip: text;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	margin-bottom: 1em;
+	padding-bottom: 1em;
 }
 
 .dialogContent {
-  display: flex;
-  flex-direction: column;
-  color: $gradient-color-start;
+	display: flex;
+	flex-direction: column;
+	color: $gradient-color-start;
 }
 
 .emailLabel {
-  font-weight: bold;
+	font-weight: bold;
 }
 
 .link {
-  font-weight: bold;
-  text-decoration: none;
-  color: $text-color-primary;
-  margin-top: 2em;
+	font-weight: bold;
+	text-decoration: none;
+	color: $text-color-primary;
+	margin-top: 2em;
 }
 
 .link:hover {
-  text-decoration: underline;
-  filter: brightness(85%);
+	text-decoration: underline;
+	filter: brightness(85%);
 }
diff --git a/src/components/auth/RequestResetDialog/index.tsx b/src/components/auth/RequestResetDialog/index.tsx
index 9b1c877..08f7748 100644
--- a/src/components/auth/RequestResetDialog/index.tsx
+++ b/src/components/auth/RequestResetDialog/index.tsx
@@ -1,102 +1,104 @@
 import {
-  Collapse,
-  LinearProgress,
-  Snackbar,
-  TextField,
-  Typography
-} from "@mui/material"
-import { Alert } from "@mui/material"
-import { ReactElement, useState } from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import { RootState } from "types/RootState"
-import RectangleButton from "../../design/RectangleButton"
-import NextLink from "next/link"
-import styles from "./index.module.scss"
+	Collapse,
+	LinearProgress,
+	Snackbar,
+	TextField,
+	Typography,
+} from '@mui/material';
+import { Alert } from '@mui/material';
+import { ReactElement, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { RootState } from 'types/RootState';
+import RectangleButton from '../../design/RectangleButton';
+import NextLink from 'next/link';
+import styles from './index.module.scss';
 
 const RequestResetDialog = (): ReactElement => {
-  const dispatch = useDispatch()
-  const [email, setEmail] = useState("")
-  const [loading, setLoading] = useState(false)
-  const [error, setError] = useState(false)
+	const dispatch = useDispatch();
+	const [email, setEmail] = useState('');
+	const [loading, setLoading] = useState(false);
+	const [error, setError] = useState(false);
 
-  const [sentEmail, setSentEmail] = useState(false)
+	const [sentEmail, setSentEmail] = useState(false);
 
-  const errorMessage = useSelector((state: RootState) => state?.accounts?.error)
+	const errorMessage = useSelector(
+		(state: RootState) => state?.accounts?.error,
+	);
 
-  const sendResetEmail = async () => {
-    setLoading(true)
-    try {
-      await dispatch(actions.auth.requestReset(email))
-      setSentEmail(true)
-    } catch (err) {
-      setError(true)
-    }
-    setLoading(false)
-  }
+	const sendResetEmail = async () => {
+		setLoading(true);
+		try {
+			await dispatch(actions.auth.requestReset(email));
+			setSentEmail(true);
+		} catch (err) {
+			setError(true);
+		}
+		setLoading(false);
+	};
 
-  const resetForm = (
-    <form
-      className={styles.resetForm}
-      onSubmit={(e) => {
-        e.preventDefault()
+	const resetForm = (
+		<form
+			className={styles.resetForm}
+			onSubmit={(e) => {
+				e.preventDefault();
 
-        sendResetEmail()
-      }}
-    >
-      <TextField
-        required
-        name="email"
-        size="medium"
-        label="Email"
-        variant="outlined"
-        fullWidth={true}
-        value={email}
-        onChange={(e) => {
-          setEmail(e.target.value)
-        }}
-      />
-      <RectangleButton type="submit">Reset</RectangleButton>
-    </form>
-  )
+				sendResetEmail();
+			}}
+		>
+			<TextField
+				required
+				name="email"
+				size="medium"
+				label="Email"
+				variant="outlined"
+				fullWidth={true}
+				value={email}
+				onChange={(e) => {
+					setEmail(e.target.value);
+				}}
+			/>
+			<RectangleButton type="submit">Reset</RectangleButton>
+		</form>
+	);
 
-  const sentEmailMessage = (
-    <>
-      <Typography variant="body1">
-        A password reset email has been sent to
-        <span className={styles.emailLabel}> {email}</span>.
-      </Typography>
-      <Typography variant="body1">
-        Click the link in your email to proceed.
-      </Typography>
-    </>
-  )
+	const sentEmailMessage = (
+		<>
+			<Typography variant="body1">
+				A password reset email has been sent to
+				<span className={styles.emailLabel}> {email}</span>.
+			</Typography>
+			<Typography variant="body1">
+				Click the link in your email to proceed.
+			</Typography>
+		</>
+	);
 
-  return (
-    <div className={styles.dialog}>
-      <Collapse in={loading}>
-        <LinearProgress />
-      </Collapse>
-      <Snackbar
-        open={error}
-        autoHideDuration={5000}
-        onClose={(e) => setError(false)}
-        anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
-      >
-        <Alert severity="error">{errorMessage}</Alert>
-      </Snackbar>
-      <div className={styles.dialogContent}>
-        <Typography variant="h4" className={styles.header}>
-          Account Recovery
-        </Typography>
-        {sentEmail ? sentEmailMessage : resetForm}
+	return (
+		<div className={styles.dialog}>
+			<Collapse in={loading}>
+				<LinearProgress />
+			</Collapse>
+			<Snackbar
+				open={error}
+				autoHideDuration={5000}
+				onClose={(e) => setError(false)}
+				anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+			>
+				<Alert severity="error">{errorMessage}</Alert>
+			</Snackbar>
+			<div className={styles.dialogContent}>
+				<Typography variant="h4" className={styles.header}>
+					Account Recovery
+				</Typography>
+				{sentEmail ? sentEmailMessage : resetForm}
 
-        <NextLink href="/login" passHref>
-          <a className={styles.link}>Return to login</a>
-        </NextLink>
-      </div>
-    </div>
-  )
-}
+				<NextLink href="/login" passHref>
+					<a className={styles.link}>Return to login</a>
+				</NextLink>
+			</div>
+		</div>
+	);
+};
 
-export default RequestResetDialog
+export default RequestResetDialog;
diff --git a/src/components/confirmation/ConfirmationDialog/index.module.scss b/src/components/confirmation/ConfirmationDialog/index.module.scss
index d0c5bc4..1d115af 100644
--- a/src/components/confirmation/ConfirmationDialog/index.module.scss
+++ b/src/components/confirmation/ConfirmationDialog/index.module.scss
@@ -1,77 +1,77 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .dialog {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 50%;
-  border-radius: 25px;
-  padding: 2em;
-  margin: 0 auto;
-  flex-direction: column;
-  background-image: $dialog-container-gradient;
-  box-shadow: $box-shadow;
-  backdrop-filter: blur(4px);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 50%;
+	border-radius: 25px;
+	padding: 2em;
+	margin: 0 auto;
+	flex-direction: column;
+	background-image: $dialog-container-gradient;
+	box-shadow: $box-shadow;
+	backdrop-filter: blur(4px);
 
-  @include down($breakpoint-md) {
-    width: 90%;
-    padding: 1em;
-  }
+	@include down($breakpoint-md) {
+		width: 90%;
+		padding: 1em;
+	}
 }
 
 .dialogContent {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
 }
 
 .dialogText {
-  margin-bottom: 1em;
-  color: $wave-gradient-color-start;
+	margin-bottom: 1em;
+	color: $wave-gradient-color-start;
 }
 
 .formGroup {
-  display: flex;
-  flex-direction: column;
+	display: flex;
+	flex-direction: column;
 
-  @include down($breakpoint-sm) {
-    margin-top: 1em;
-    gap: 1em;
-  }
+	@include down($breakpoint-sm) {
+		margin-top: 1em;
+		gap: 1em;
+	}
 }
 
 .headerContainer {
-  text-align: "center";
-  align-self: "center";
+	text-align: 'center';
+	align-self: 'center';
 
-  @include down($breakpoint-md) {
-    width: 60%;
-  }
+	@include down($breakpoint-md) {
+		width: 60%;
+	}
 
-  @include down($breakpoint-sm) {
-    width: 80%;
-  }
+	@include down($breakpoint-sm) {
+		width: 80%;
+	}
 
-  padding-bottom: 0.5rem;
+	padding-bottom: 0.5rem;
 }
 
 .header {
-  border-bottom: solid $text-color-primary 2px;
-  padding-bottom: 0.5rem;
+	border-bottom: solid $text-color-primary 2px;
+	padding-bottom: 0.5rem;
 
-  @include down($breakpoint-md) {
-    fontsize: 2.5em;
-  }
+	@include down($breakpoint-md) {
+		fontsize: 2.5em;
+	}
 
-  @include down($breakpoint-sm) {
-    fontsize: 1.8em;
-  }
+	@include down($breakpoint-sm) {
+		fontsize: 1.8em;
+	}
 
-  color: $text-color-primary;
-  font-weight: 600;
+	color: $text-color-primary;
+	font-weight: 600;
 }
 
 .link {
-  color: $text-color-primary;
+	color: $text-color-primary;
 }
diff --git a/src/components/confirmation/ConfirmationDialog/index.tsx b/src/components/confirmation/ConfirmationDialog/index.tsx
index a468dfa..30e48cf 100644
--- a/src/components/confirmation/ConfirmationDialog/index.tsx
+++ b/src/components/confirmation/ConfirmationDialog/index.tsx
@@ -1,141 +1,149 @@
 import {
-  Checkbox,
-  Collapse,
-  FormControlLabel,
-  FormGroup,
-  IconButton,
-  LinearProgress,
-  Link,
-  makeStyles,
-  Typography
-} from "@mui/material"
-import AnalyticsEvent from "enums/AnalyticsEvent"
-import { useRouter } from "next/router"
-import { ReactElement, useEffect, useState } from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import RectangleButton from "src/components/design/RectangleButton"
-import styles from "./index.module.scss"
-import { RootState } from "types/RootState"
-import { DateTime } from "luxon"
-import FloatingDiv from "src/components/design/FloatingDiv"
+	Checkbox,
+	Collapse,
+	FormControlLabel,
+	FormGroup,
+	IconButton,
+	LinearProgress,
+	Link,
+	makeStyles,
+	Typography,
+} from '@mui/material';
+import AnalyticsEvent from 'enums/AnalyticsEvent';
+import { useRouter } from 'next/router';
+import { ReactElement, useEffect, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import RectangleButton from 'src/components/design/RectangleButton';
+import styles from './index.module.scss';
+import { RootState } from 'types/RootState';
+import { DateTime } from 'luxon';
+import FloatingDiv from 'src/components/design/FloatingDiv';
 
 const ConfirmationDialog = (): ReactElement => {
-  const router = useRouter()
-  const dispatch = useDispatch()
-  const [loading, setLoading] = useState(false)
+	const router = useRouter();
+	const dispatch = useDispatch();
+	const [loading, setLoading] = useState(false);
 
-  const [signatureLiability, setSignatureLiability] = useState(false)
-  const [signatureCodeOfConduct, setSignatureCodeOfConduct] = useState(false)
-  const [willMentor, setWillMentor] = useState(false)
+	const [signatureLiability, setSignatureLiability] = useState(false);
+	const [signatureCodeOfConduct, setSignatureCodeOfConduct] = useState(false);
+	const [willMentor, setWillMentor] = useState(false);
 
-  const confirmTime = useSelector(
-    (state: RootState) => state?.settings?.confirmTime
-  )
-  const confirmTimeDt = DateTime.fromJSDate(confirmTime)
-  const curDt = DateTime.now()
+	const confirmTime = useSelector(
+		(state: RootState) => state?.settings?.confirmTime,
+	);
+	const confirmTimeDt = DateTime.fromJSDate(confirmTime);
+	const curDt = DateTime.now();
 
-  const isLate = curDt > confirmTimeDt
+	const isLate = curDt > confirmTimeDt;
 
-  const confirm = async () => {
-    setLoading(true)
-    try {
-      await dispatch(
-        actions.user.confirm(
-          signatureLiability,
-          signatureCodeOfConduct,
-          willMentor
-        )
-      )
-      window.gtag("event", AnalyticsEvent.ATTENDANCE_CONFIRMED)
-    } catch (err) {
-      console.error(err)
-    }
-    setLoading(false)
-    router.push("/")
-  }
+	const confirm = async () => {
+		setLoading(true);
+		try {
+			await dispatch(
+				actions.user.confirm(
+					signatureLiability,
+					signatureCodeOfConduct,
+					willMentor,
+				),
+			);
+			window.gtag('event', AnalyticsEvent.ATTENDANCE_CONFIRMED);
+		} catch (err) {
+			console.error(err);
+		}
+		setLoading(false);
+		router.push('/');
+	};
 
-  return (
-    <FloatingDiv>
-      <Collapse in={loading}>
-        <LinearProgress />
-      </Collapse>
-      <form
-        onSubmit={(e) => {
-          e.preventDefault()
-          confirm()
-        }}
-      >
-        <div className={styles.dialogContent}>
-          <div className={styles.headerContainer}>
-            <Typography variant="h4" className={styles.header}>
-              Confirmation
-            </Typography>
-          </div>
-          <div className={styles.dialogText}>
-            <FormGroup className={styles.formGroup}>
-              <FormControlLabel
-                control={
-                  <Checkbox
-                    required
-                    checked={signatureLiability}
-                    onChange={(e) => setSignatureLiability(e.target.checked)}
-                  />
-                }
-                label={
-                  <Typography>
-                    I agree with the{" "}
-                    <Link
-                      target="_blank"
-                      href="/THLiabilityWaiver.pdf"
-                      className={styles.link}
-                    >
-                      TartanHacks Liability Waiver
-                    </Link>
-                    .*
-                  </Typography>
-                }
-              />
-              <FormControlLabel
-                control={
-                  <Checkbox
-                    required
-                    checked={signatureCodeOfConduct}
-                    onChange={(e) =>
-                      setSignatureCodeOfConduct(e.target.checked)
-                    }
-                  />
-                }
-                label={
-                  <Typography>
-                    I agree with the{" "}
-                    <Link
-                      target="_blank"
-                      href="/THCodeOfConduct.pdf"
-                      className={styles.link}
-                    >
-                      TartanHacks Code of Conduct
-                    </Link>
-                    .*
-                  </Typography>
-                }
-              />
-              <FormControlLabel
-                control={
-                  <Checkbox
-                    checked={willMentor}
-                    onChange={(e) => setWillMentor(e.target.checked)}
-                  />
-                }
-                label="Are you willing to help other hackers as a mentor?"
-              />
-            </FormGroup>
-          </div>
-          <RectangleButton type="submit">CONFIRM</RectangleButton>
-        </div>
-      </form>
-    </FloatingDiv>
-  )
-}
+	return (
+		<FloatingDiv>
+			<Collapse in={loading}>
+				<LinearProgress />
+			</Collapse>
+			<form
+				onSubmit={(e) => {
+					e.preventDefault();
+					confirm();
+				}}
+			>
+				<div className={styles.dialogContent}>
+					<div className={styles.headerContainer}>
+						<Typography variant="h4" className={styles.header}>
+							Confirmation
+						</Typography>
+					</div>
+					<div className={styles.dialogText}>
+						<FormGroup className={styles.formGroup}>
+							<FormControlLabel
+								control={
+									<Checkbox
+										required
+										checked={signatureLiability}
+										onChange={(e) =>
+											setSignatureLiability(
+												e.target.checked,
+											)
+										}
+									/>
+								}
+								label={
+									<Typography>
+										I agree with the{' '}
+										<Link
+											target="_blank"
+											href="/THLiabilityWaiver.pdf"
+											className={styles.link}
+										>
+											TartanHacks Liability Waiver
+										</Link>
+										.*
+									</Typography>
+								}
+							/>
+							<FormControlLabel
+								control={
+									<Checkbox
+										required
+										checked={signatureCodeOfConduct}
+										onChange={(e) =>
+											setSignatureCodeOfConduct(
+												e.target.checked,
+											)
+										}
+									/>
+								}
+								label={
+									<Typography>
+										I agree with the{' '}
+										<Link
+											target="_blank"
+											href="/THCodeOfConduct.pdf"
+											className={styles.link}
+										>
+											TartanHacks Code of Conduct
+										</Link>
+										.*
+									</Typography>
+								}
+							/>
+							<FormControlLabel
+								control={
+									<Checkbox
+										checked={willMentor}
+										onChange={(e) =>
+											setWillMentor(e.target.checked)
+										}
+									/>
+								}
+								label="Are you willing to help other hackers as a mentor?"
+							/>
+						</FormGroup>
+					</div>
+					<RectangleButton type="submit">CONFIRM</RectangleButton>
+				</div>
+			</form>
+		</FloatingDiv>
+	);
+};
 
-export default ConfirmationDialog
+export default ConfirmationDialog;
diff --git a/src/components/dashboard/DashboardDialog.tsx b/src/components/dashboard/DashboardDialog.tsx
index 5a6fe4d..c02d136 100644
--- a/src/components/dashboard/DashboardDialog.tsx
+++ b/src/components/dashboard/DashboardDialog.tsx
@@ -1,120 +1,125 @@
 import {
-  Button,
-  CircularProgress,
-  Collapse,
-  Dialog,
-  DialogActions,
-  DialogContent,
-  DialogContentText,
-  DialogTitle,
-  Link,
-  Snackbar,
-  Typography
-} from "@mui/material"
-import Computer from "@mui/icons-material/Computer"
-import { Alert } from "@mui/material"
-import { Status, statusToString } from "enums/Status"
-import { DateTime } from "luxon"
-import Image from "next/image"
-import NextLink from "next/link"
-import Router from "next/router"
-import { ReactElement, useState } from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import { RootState } from "types/RootState"
-import RectangleButton from "../design/RectangleButton"
-import styles from "styles/DashboardDialog.module.scss"
-import AnalyticsEvent from "enums/AnalyticsEvent"
-import FloatingDiv from "../design/FloatingDiv"
+	Button,
+	CircularProgress,
+	Collapse,
+	Dialog,
+	DialogActions,
+	DialogContent,
+	DialogContentText,
+	DialogTitle,
+	Link,
+	Snackbar,
+	Typography,
+} from '@mui/material';
+import Computer from '@mui/icons-material/Computer';
+import { Alert } from '@mui/material';
+import { Status, statusToString } from 'enums/Status';
+import { DateTime } from 'luxon';
+import Image from 'next/image';
+import NextLink from 'next/link';
+import Router from 'next/router';
+import { ReactElement, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { RootState } from 'types/RootState';
+import RectangleButton from '../design/RectangleButton';
+import styles from 'styles/DashboardDialog.module.scss';
+import AnalyticsEvent from 'enums/AnalyticsEvent';
+import FloatingDiv from '../design/FloatingDiv';
 
 const getDialogText = (status: Status): ReactElement => {
-  if (status === Status.UNVERIFIED) {
-    return (
-      <div className={styles.dialogText}>
-        <Typography variant="body1">
-          Check your email to get verified
-        </Typography>
-      </div>
-    )
-  } else if (status === Status.VERIFIED) {
-    return (
-      <>
-        <div className={styles.dialogText}>
-          <Typography variant="body1">
-            You still need to complete your application!
-          </Typography>
-        </div>
-        <div className={styles.dialogText}>
-          <Typography variant="body1">
-            Non-CMU students need to complete their application by 11:59pm EST,
-            January 19th.
-          </Typography>
-        </div>
-        <div className={styles.dialogText}>
-          <Typography variant="body1">
-            CMU students have time until January 26th.
-          </Typography>
-        </div>
-      </>
-    )
-  } else if (status == Status.COMPLETED_PROFILE) {
-    return (
-      <>
-        <div className={styles.dialogText}>
-          <Typography variant="body1">Thank you for applying!</Typography>
-        </div>
-        <div className={styles.dialogText}>
-          <Typography variant="body1">
-            Once we consider your application, you will receive an email from{" "}
-            <b>tartanhacks@scottylabs.org</b>
-          </Typography>
-        </div>
-        <div className={styles.dialogText}>
-          <Typography variant="body1">
-            In the meantime, you can edit your application by clicking the
-            button below
-          </Typography>
-        </div>
-      </>
-    )
-  } else if (status === Status.ADMITTED) {
-    return (
-      <>
-        <div className={styles.dialogText}>
-          <Typography variant="body1">
-            Welcome to Tartanhacks! We are excited to have you join us.
-          </Typography>
-        </div>
-        <div className={styles.dialogText}>
-          <Typography variant="body1">
-            Please confirm your attendance within 5 days of receiving the
-            acceptance email to secure your spot.
-          </Typography>
-        </div>
-      </>
-    )
-  } else if (status === Status.REJECTED) {
-    return (
-      <>
-        <div className={styles.dialogText}>
-          <Typography variant="body1">
-            Thanks for applying! We were unable to accommodate you this year.
-            Please apply again next year!
-          </Typography>
-        </div>
-      </>
-    )
-  } else if (status === Status.CONFIRMED) {
-    return (
-      <>
-        <div className={styles.dialogText}>
-          <Typography variant="body1">
-            Thanks for confirming your attendance! We hope to see you soon!
-          </Typography>
-          <Typography variant="body1">
-            In the meantime, join a team or create one with your friends!
-          </Typography>
-          {/**
+	if (status === Status.UNVERIFIED) {
+		return (
+			<div className={styles.dialogText}>
+				<Typography variant="body1">
+					Check your email to get verified
+				</Typography>
+			</div>
+		);
+	} else if (status === Status.VERIFIED) {
+		return (
+			<>
+				<div className={styles.dialogText}>
+					<Typography variant="body1">
+						You still need to complete your application!
+					</Typography>
+				</div>
+				<div className={styles.dialogText}>
+					<Typography variant="body1">
+						Non-CMU students need to complete their application by
+						11:59pm EST, January 19th.
+					</Typography>
+				</div>
+				<div className={styles.dialogText}>
+					<Typography variant="body1">
+						CMU students have time until January 26th.
+					</Typography>
+				</div>
+			</>
+		);
+	} else if (status == Status.COMPLETED_PROFILE) {
+		return (
+			<>
+				<div className={styles.dialogText}>
+					<Typography variant="body1">
+						Thank you for applying!
+					</Typography>
+				</div>
+				<div className={styles.dialogText}>
+					<Typography variant="body1">
+						Once we consider your application, you will receive an
+						email from <b>tartanhacks@scottylabs.org</b>
+					</Typography>
+				</div>
+				<div className={styles.dialogText}>
+					<Typography variant="body1">
+						In the meantime, you can edit your application by
+						clicking the button below
+					</Typography>
+				</div>
+			</>
+		);
+	} else if (status === Status.ADMITTED) {
+		return (
+			<>
+				<div className={styles.dialogText}>
+					<Typography variant="body1">
+						Welcome to Tartanhacks! We are excited to have you join
+						us.
+					</Typography>
+				</div>
+				<div className={styles.dialogText}>
+					<Typography variant="body1">
+						Please confirm your attendance within 5 days of
+						receiving the acceptance email to secure your spot.
+					</Typography>
+				</div>
+			</>
+		);
+	} else if (status === Status.REJECTED) {
+		return (
+			<>
+				<div className={styles.dialogText}>
+					<Typography variant="body1">
+						Thanks for applying! We were unable to accommodate you
+						this year. Please apply again next year!
+					</Typography>
+				</div>
+			</>
+		);
+	} else if (status === Status.CONFIRMED) {
+		return (
+			<>
+				<div className={styles.dialogText}>
+					<Typography variant="body1">
+						Thanks for confirming your attendance! We hope to see
+						you soon!
+					</Typography>
+					<Typography variant="body1">
+						In the meantime, join a team or create one with your
+						friends!
+					</Typography>
+					{/**
            *
           <br />
           <Typography variant="body1">
@@ -159,278 +164,297 @@ const getDialogText = (status: Status): ReactElement => {
             </Link>
           </div>
            */}
-        </div>
-      </>
-    )
-  } else if (status === Status.DECLINED) {
-    return (
-      <>
-        <div className={styles.dialogText}>
-          <Typography variant="body1">
-            We&apos;re sorry you couldn&apos;t join us this year. We hope to see
-            you next year!
-          </Typography>
-        </div>
-      </>
-    )
-  } else {
-    return <></>
-  }
-}
+				</div>
+			</>
+		);
+	} else if (status === Status.DECLINED) {
+		return (
+			<>
+				<div className={styles.dialogText}>
+					<Typography variant="body1">
+						We&apos;re sorry you couldn&apos;t join us this year. We
+						hope to see you next year!
+					</Typography>
+				</div>
+			</>
+		);
+	} else {
+		return <></>;
+	}
+};
 
 const getButtonBox = (
-  status: Status,
-  resendVerification: () => Promise<void>,
-  setShowDeclineDialog: (b: boolean) => void,
-  isLate: boolean
+	status: Status,
+	resendVerification: () => Promise<void>,
+	setShowDeclineDialog: (b: boolean) => void,
+	isLate: boolean,
 ): ReactElement => {
-  if (status === Status.UNVERIFIED) {
-    return (
-      <RectangleButton
-        type="button"
-        onClick={() => resendVerification()}
-        className={styles.dashboardButton}
-      >
-        RESEND VERIFICATION EMAIL
-      </RectangleButton>
-    )
-  } else if (status === Status.VERIFIED) {
-    return isLate ? (
-      <Typography
-        style={{
-          color: "red"
-        }}
-      >
-        The application deadline has passed
-      </Typography>
-    ) : (
-      <Link href="/apply" className={styles.link}>
-        <RectangleButton type="submit" className={styles.dashboardButton}>
-          COMPLETE YOUR APPLICATION
-        </RectangleButton>
-      </Link>
-    )
-  } else if (status === Status.COMPLETED_PROFILE) {
-    return (
-      <>
-        <div className={styles.buttonBox}>
-          <Link href="/apply" className={styles.link}>
-            <RectangleButton type="submit" className={styles.dashboardButton}>
-              EDIT APPLICATION
-            </RectangleButton>
-          </Link>
-        </div>
-      </>
-    )
-  } else if (status === Status.ADMITTED) {
-    return (
-      <>
-        <div className={styles.buttonBox}>
-          <Link href="/confirmation" className={styles.link}>
-            <RectangleButton type="submit" className={styles.dashboardButton}>
-              CONFIRM
-            </RectangleButton>
-          </Link>
-          <div className={styles.buttonSpacer}></div>
-          <RectangleButton
-            type="button"
-            onClick={() => {
-              setShowDeclineDialog(true)
-            }}
-            className={styles.dashboardButton}
-          >
-            SORRY, I CAN&apos;T MAKE IT
-          </RectangleButton>
-        </div>
-        <Typography
-          style={{
-            paddingTop: "10px",
-            color: "red"
-          }}
-        >
-          <Alert severity="warning">
-            You need to confirm in order to attend the event!
-          </Alert>
-        </Typography>
-      </>
-    )
-  } else if (status === Status.CONFIRMED) {
-    return (
-      <div className={styles.confirmButtons}>
-        <NextLink href="/teams" passHref>
-          <Link underline="none">
-            <RectangleButton type="button" className={styles.dashboardButton}>
-              Browse Teams
-            </RectangleButton>
-          </Link>
-        </NextLink>
-        <br />
-        <br />
-        <div className={styles.buttonBox}>
-          <RectangleButton
-            type="button"
-            onClick={() => {
-              setShowDeclineDialog(true)
-            }}
-            className={styles.dashboardButton}
-          >
-            SORRY, I CAN&apos;T MAKE IT
-          </RectangleButton>
-        </div>
-      </div>
-    )
-  } else {
-    return <></>
-  }
-}
+	if (status === Status.UNVERIFIED) {
+		return (
+			<RectangleButton
+				type="button"
+				onClick={() => resendVerification()}
+				className={styles.dashboardButton}
+			>
+				RESEND VERIFICATION EMAIL
+			</RectangleButton>
+		);
+	} else if (status === Status.VERIFIED) {
+		return isLate ? (
+			<Typography
+				style={{
+					color: 'red',
+				}}
+			>
+				The application deadline has passed
+			</Typography>
+		) : (
+			<Link href="/apply" className={styles.link}>
+				<RectangleButton
+					type="submit"
+					className={styles.dashboardButton}
+				>
+					COMPLETE YOUR APPLICATION
+				</RectangleButton>
+			</Link>
+		);
+	} else if (status === Status.COMPLETED_PROFILE) {
+		return (
+			<>
+				<div className={styles.buttonBox}>
+					<Link href="/apply" className={styles.link}>
+						<RectangleButton
+							type="submit"
+							className={styles.dashboardButton}
+						>
+							EDIT APPLICATION
+						</RectangleButton>
+					</Link>
+				</div>
+			</>
+		);
+	} else if (status === Status.ADMITTED) {
+		return (
+			<>
+				<div className={styles.buttonBox}>
+					<Link href="/confirmation" className={styles.link}>
+						<RectangleButton
+							type="submit"
+							className={styles.dashboardButton}
+						>
+							CONFIRM
+						</RectangleButton>
+					</Link>
+					<div className={styles.buttonSpacer}></div>
+					<RectangleButton
+						type="button"
+						onClick={() => {
+							setShowDeclineDialog(true);
+						}}
+						className={styles.dashboardButton}
+					>
+						SORRY, I CAN&apos;T MAKE IT
+					</RectangleButton>
+				</div>
+				<Typography
+					style={{
+						paddingTop: '10px',
+						color: 'red',
+					}}
+				>
+					<Alert severity="warning">
+						You need to confirm in order to attend the event!
+					</Alert>
+				</Typography>
+			</>
+		);
+	} else if (status === Status.CONFIRMED) {
+		return (
+			<div className={styles.confirmButtons}>
+				<NextLink href="/teams" passHref>
+					<Link underline="none">
+						<RectangleButton
+							type="button"
+							className={styles.dashboardButton}
+						>
+							Browse Teams
+						</RectangleButton>
+					</Link>
+				</NextLink>
+				<br />
+				<br />
+				<div className={styles.buttonBox}>
+					<RectangleButton
+						type="button"
+						onClick={() => {
+							setShowDeclineDialog(true);
+						}}
+						className={styles.dashboardButton}
+					>
+						SORRY, I CAN&apos;T MAKE IT
+					</RectangleButton>
+				</div>
+			</div>
+		);
+	} else {
+		return <></>;
+	}
+};
 
 const DashboardDialog = (): ReactElement => {
-  const dispatch = useDispatch()
-  const [decliningAcceptance, setDecliningAcceptance] = useState(false)
-  const [sendingVerification, setSendingVerification] = useState(false)
-  const [showDeclineDialog, setShowDeclineDialog] = useState(false)
-  const [snackbarOpen, setSnackbarOpen] = useState(false)
-  const [snackbarState, setSnackbarState] = useState<"success" | "error">(
-    "success"
-  )
-  const [snackbarMessage, setSnackbarMessage] = useState("")
+	const dispatch = useDispatch();
+	const [decliningAcceptance, setDecliningAcceptance] = useState(false);
+	const [sendingVerification, setSendingVerification] = useState(false);
+	const [showDeclineDialog, setShowDeclineDialog] = useState(false);
+	const [snackbarOpen, setSnackbarOpen] = useState(false);
+	const [snackbarState, setSnackbarState] = useState<'success' | 'error'>(
+		'success',
+	);
+	const [snackbarMessage, setSnackbarMessage] = useState('');
 
-  const closeTime = useSelector(
-    (state: RootState) => state?.settings?.closeTime
-  )
-  const confirmTime = useSelector(
-    (state: RootState) => state?.settings?.confirmTime
-  )
+	const closeTime = useSelector(
+		(state: RootState) => state?.settings?.closeTime,
+	);
+	const confirmTime = useSelector(
+		(state: RootState) => state?.settings?.confirmTime,
+	);
 
-  const closeTimeDt = DateTime.fromJSDate(closeTime)
-  const confirmTimeDt = DateTime.fromJSDate(confirmTime)
-  const curDt = DateTime.now()
+	const closeTimeDt = DateTime.fromJSDate(closeTime);
+	const confirmTimeDt = DateTime.fromJSDate(confirmTime);
+	const curDt = DateTime.now();
 
-  const status =
-    useSelector((state: RootState) => state?.accounts?.data?.status) ?? null
-  const statusStr = statusToString(status)
-  const email =
-    useSelector((state: RootState) => state?.accounts?.data?.email) || ""
+	const status =
+		useSelector((state: RootState) => state?.accounts?.data?.status) ??
+		null;
+	const statusStr = statusToString(status);
+	const email =
+		useSelector((state: RootState) => state?.accounts?.data?.email) || '';
 
-  const loading = status === null
+	const loading = status === null;
 
-  const resendVerification = async () => {
-    setSendingVerification(true)
-    try {
-      await dispatch(actions.auth.resendVerification(email))
-      setSnackbarMessage("Sent verification email to: " + email)
-      setSnackbarState("success")
-      setSnackbarOpen(true)
-    } catch (err) {
-      console.error(err)
-    }
-    setSendingVerification(false)
-  }
+	const resendVerification = async () => {
+		setSendingVerification(true);
+		try {
+			await dispatch(actions.auth.resendVerification(email));
+			setSnackbarMessage('Sent verification email to: ' + email);
+			setSnackbarState('success');
+			setSnackbarOpen(true);
+		} catch (err) {
+			console.error(err);
+		}
+		setSendingVerification(false);
+	};
 
-  const declineAcceptance = async () => {
-    setDecliningAcceptance(true)
-    try {
-      await dispatch(actions.user.declineAcceptance())
-      window.gtag("event", AnalyticsEvent.ATTENDANCE_DECLINED)
-      setSnackbarMessage("Cancelled registration")
-      setSnackbarState("success")
-      setSnackbarOpen(true)
-    } catch (err) {
-      console.error(err)
-    }
-    setDecliningAcceptance(false)
-  }
+	const declineAcceptance = async () => {
+		setDecliningAcceptance(true);
+		try {
+			await dispatch(actions.user.declineAcceptance());
+			window.gtag('event', AnalyticsEvent.ATTENDANCE_DECLINED);
+			setSnackbarMessage('Cancelled registration');
+			setSnackbarState('success');
+			setSnackbarOpen(true);
+		} catch (err) {
+			console.error(err);
+		}
+		setDecliningAcceptance(false);
+	};
 
-  const dialogText = getDialogText(status)
-  const isLate =
-    status === Status.VERIFIED
-      ? curDt > closeTimeDt
-      : status === Status.ADMITTED
-      ? curDt > confirmTimeDt
-      : false
-  const buttonBox = getButtonBox(
-    status,
-    resendVerification,
-    setShowDeclineDialog,
-    isLate
-  )
+	const dialogText = getDialogText(status);
+	const isLate =
+		status === Status.VERIFIED
+			? curDt > closeTimeDt
+			: status === Status.ADMITTED
+			? curDt > confirmTimeDt
+			: false;
+	const buttonBox = getButtonBox(
+		status,
+		resendVerification,
+		setShowDeclineDialog,
+		isLate,
+	);
 
-  return (
-    <>
-      <Snackbar
-        open={snackbarOpen}
-        autoHideDuration={3000}
-        onClose={() => setSnackbarOpen(false)}
-        anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
-      >
-        <Alert severity={snackbarState}>{snackbarMessage}</Alert>
-      </Snackbar>
-      <FloatingDiv>
-        <div className={styles.dialogContent}>
-          <Collapse in={loading}>
-            <CircularProgress />
-          </Collapse>
-          {!loading && (
-            <>
-              <div>
-                <Typography variant="h4" className={styles.statusHeaderText}>
-                  Your Status:
-                </Typography>
-              </div>
-              <div>
-                <Typography variant="h4" className={styles.statusText}>
-                  {statusStr}
-                </Typography>
-              </div>
-              {dialogText}
-              {buttonBox}
-            </>
-          )}
-          <Collapse in={sendingVerification}>
-            <br />
-            <CircularProgress />
-          </Collapse>
-        </div>
-      </FloatingDiv>
-      <Dialog
-        open={showDeclineDialog}
-        onClose={() => {
-          setShowDeclineDialog(false)
-        }}
-      >
-        <DialogTitle className={styles.dialogHeader}>
-          Cancel registration?
-        </DialogTitle>
-        <DialogContent className={styles.dialogContent}>
-          <Collapse in={decliningAcceptance}>
-            <CircularProgress />
-          </Collapse>
-          <DialogContentText>
-            Are you sure you want to cancel your registration for TartanHacks
-            2022?
-          </DialogContentText>
-        </DialogContent>
-        <DialogActions>
-          <Button
-            onClick={() => {
-              setShowDeclineDialog(false)
-            }}
-          >
-            Cancel
-          </Button>
-          <Button
-            onClick={async () => {
-              await declineAcceptance()
-              setShowDeclineDialog(false)
-              Router.reload()
-            }}
-          >
-            OK
-          </Button>
-        </DialogActions>
-      </Dialog>
-    </>
-  )
-}
+	return (
+		<>
+			<Snackbar
+				open={snackbarOpen}
+				autoHideDuration={3000}
+				onClose={() => setSnackbarOpen(false)}
+				anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+			>
+				<Alert severity={snackbarState}>{snackbarMessage}</Alert>
+			</Snackbar>
+			<FloatingDiv>
+				<div className={styles.dialogContent}>
+					<Collapse in={loading}>
+						<CircularProgress />
+					</Collapse>
+					{!loading && (
+						<>
+							<div>
+								<Typography
+									variant="h4"
+									className={styles.statusHeaderText}
+								>
+									Your Status:
+								</Typography>
+							</div>
+							<div>
+								<Typography
+									variant="h4"
+									className={styles.statusText}
+								>
+									{statusStr}
+								</Typography>
+							</div>
+							{dialogText}
+							{buttonBox}
+						</>
+					)}
+					<Collapse in={sendingVerification}>
+						<br />
+						<CircularProgress />
+					</Collapse>
+				</div>
+			</FloatingDiv>
+			<Dialog
+				open={showDeclineDialog}
+				onClose={() => {
+					setShowDeclineDialog(false);
+				}}
+			>
+				<DialogTitle className={styles.dialogHeader}>
+					Cancel registration?
+				</DialogTitle>
+				<DialogContent className={styles.dialogContent}>
+					<Collapse in={decliningAcceptance}>
+						<CircularProgress />
+					</Collapse>
+					<DialogContentText>
+						Are you sure you want to cancel your registration for
+						TartanHacks 2022?
+					</DialogContentText>
+				</DialogContent>
+				<DialogActions>
+					<Button
+						onClick={() => {
+							setShowDeclineDialog(false);
+						}}
+					>
+						Cancel
+					</Button>
+					<Button
+						onClick={async () => {
+							await declineAcceptance();
+							setShowDeclineDialog(false);
+							Router.reload();
+						}}
+					>
+						OK
+					</Button>
+				</DialogActions>
+			</Dialog>
+		</>
+	);
+};
 
-export default DashboardDialog
+export default DashboardDialog;
diff --git a/src/components/design/BackButton.tsx b/src/components/design/BackButton.tsx
index 74169e8..9655805 100644
--- a/src/components/design/BackButton.tsx
+++ b/src/components/design/BackButton.tsx
@@ -1,26 +1,26 @@
-import { IconButton, Tooltip } from "@mui/material"
-import { useRouter } from "next/dist/client/router"
-import { ArrowBack } from "@mui/icons-material"
-import RectangleButton from "./RectangleButton"
-import NextLink from "next/link"
-import Link from "@mui/material/Link"
+import { IconButton, Tooltip } from '@mui/material';
+import { useRouter } from 'next/dist/client/router';
+import { ArrowBack } from '@mui/icons-material';
+import RectangleButton from './RectangleButton';
+import NextLink from 'next/link';
+import Link from '@mui/material/Link';
 
 const BackButton = (props: any) => {
-  const link = props.link
-  return (
-    <Tooltip title="Back">
-      <NextLink href={link} passHref>
-        <Link underline="none">
-          <RectangleButton type="button" className={props.className}>
-            <>
-              <ArrowBack />
-              &nbsp;BACK
-            </>
-          </RectangleButton>
-        </Link>
-      </NextLink>
-    </Tooltip>
-  )
-}
+	const link = props.link;
+	return (
+		<Tooltip title="Back">
+			<NextLink href={link} passHref>
+				<Link underline="none">
+					<RectangleButton type="button" className={props.className}>
+						<>
+							<ArrowBack />
+							&nbsp;BACK
+						</>
+					</RectangleButton>
+				</Link>
+			</NextLink>
+		</Tooltip>
+	);
+};
 
-export default BackButton
+export default BackButton;
diff --git a/src/components/design/BurgerMenu/index.module.scss b/src/components/design/BurgerMenu/index.module.scss
index f312cb3..b717b96 100644
--- a/src/components/design/BurgerMenu/index.module.scss
+++ b/src/components/design/BurgerMenu/index.module.scss
@@ -1,6 +1,6 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .line {
-  stroke: $text-color-primary;
+	stroke: $text-color-primary;
 }
diff --git a/src/components/design/BurgerMenu/index.tsx b/src/components/design/BurgerMenu/index.tsx
index 7bc1f4d..fe67da2 100644
--- a/src/components/design/BurgerMenu/index.tsx
+++ b/src/components/design/BurgerMenu/index.tsx
@@ -1,52 +1,52 @@
-import { MouseEventHandler, ReactElement } from "react"
-import styles from "./index.module.scss"
+import { MouseEventHandler, ReactElement } from 'react';
+import styles from './index.module.scss';
 
 const BurgerMenu = ({
-  className,
-  onClick
+	className,
+	onClick,
 }: {
-  className?: string
-  onClick?: MouseEventHandler<SVGSVGElement> | undefined
+	className?: string;
+	onClick?: MouseEventHandler<SVGSVGElement> | undefined;
 }): ReactElement => {
-  return (
-    <svg
-      width="70"
-      height="45"
-      viewBox="0 0 70 45"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-      onClick={onClick}
-    >
-      <line
-        x1="2.5"
-        y1="2.5"
-        x2="67.5"
-        y2="2.5"
-        className={styles.line}
-        strokeWidth="5"
-        strokeLinecap="round"
-      />
-      <line
-        x1="2.5"
-        y1="22.5"
-        x2="67.5"
-        y2="22.5"
-        className={styles.line}
-        strokeWidth="5"
-        strokeLinecap="round"
-      />
-      <line
-        x1="2.5"
-        y1="42.5"
-        x2="67.5"
-        y2="42.5"
-        className={styles.line}
-        strokeWidth="5"
-        strokeLinecap="round"
-      />
-    </svg>
-  )
-}
+	return (
+		<svg
+			width="70"
+			height="45"
+			viewBox="0 0 70 45"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+			className={className}
+			onClick={onClick}
+		>
+			<line
+				x1="2.5"
+				y1="2.5"
+				x2="67.5"
+				y2="2.5"
+				className={styles.line}
+				strokeWidth="5"
+				strokeLinecap="round"
+			/>
+			<line
+				x1="2.5"
+				y1="22.5"
+				x2="67.5"
+				y2="22.5"
+				className={styles.line}
+				strokeWidth="5"
+				strokeLinecap="round"
+			/>
+			<line
+				x1="2.5"
+				y1="42.5"
+				x2="67.5"
+				y2="42.5"
+				className={styles.line}
+				strokeWidth="5"
+				strokeLinecap="round"
+			/>
+		</svg>
+	);
+};
 
-export default BurgerMenu
+export default BurgerMenu;
diff --git a/src/components/design/ContentHeader/index.module.scss b/src/components/design/ContentHeader/index.module.scss
index c0851f6..14a2869 100644
--- a/src/components/design/ContentHeader/index.module.scss
+++ b/src/components/design/ContentHeader/index.module.scss
@@ -1,39 +1,39 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .header {
-  @include font-size($h1-font-sizes);
+	@include font-size($h1-font-sizes);
 
-  color: $gradient-color-start;
-  overflow: hidden;
-  display: block;
-  width: 70%;
-  margin: 0 auto;
-  text-align: center;
+	color: $gradient-color-start;
+	overflow: hidden;
+	display: block;
+	width: 70%;
+	margin: 0 auto;
+	text-align: center;
 
-  @include down($breakpoint-sm) {
-    width: 80%;
-    padding-bottom: 20px;
-  }
+	@include down($breakpoint-sm) {
+		width: 80%;
+		padding-bottom: 20px;
+	}
 }
 
 .longTitle {
-  @include down($breakpoint-sm) {
-    margin-left: 0;
-  }
+	@include down($breakpoint-sm) {
+		margin-left: 0;
+	}
 }
 
 .headerDiv {
-  width: 100%;
-  position: relative;
-  padding-top: 42px;
-  display: flex;
-  justify-content: center;
+	width: 100%;
+	position: relative;
+	padding-top: 42px;
+	display: flex;
+	justify-content: center;
 }
 
 .hrDivider {
-  width: 25%;
-  border: 0;
-  height: 10x;
-  border-top: 1px solid $gradient-color-start;
+	width: 25%;
+	border: 0;
+	height: 10x;
+	border-top: 1px solid $gradient-color-start;
 }
diff --git a/src/components/design/ContentHeader/index.tsx b/src/components/design/ContentHeader/index.tsx
index 499b487..afba5bf 100644
--- a/src/components/design/ContentHeader/index.tsx
+++ b/src/components/design/ContentHeader/index.tsx
@@ -1,23 +1,23 @@
-import { Hidden, Typography } from "@mui/material"
-import styles from "./index.module.scss"
+import { Hidden, Typography } from '@mui/material';
+import styles from './index.module.scss';
 
 const ContentHeader = (props: any) => {
-  return (
-    <>
-      <div className={styles.headerDiv}>
-        <Typography
-          variant="h4"
-          className={`${styles.header} 
-          ${props.longTitle ? styles.longTitle : ""}`}
-        >
-          {props.title}
-        </Typography>
-      </div>
-      <Hidden xsDown>
-        <hr className={styles.hrDivider} />
-      </Hidden>
-    </>
-  )
-}
+	return (
+		<>
+			<div className={styles.headerDiv}>
+				<Typography
+					variant="h4"
+					className={`${styles.header} 
+          ${props.longTitle ? styles.longTitle : ''}`}
+				>
+					{props.title}
+				</Typography>
+			</div>
+			<Hidden xsDown>
+				<hr className={styles.hrDivider} />
+			</Hidden>
+		</>
+	);
+};
 
-export default ContentHeader
+export default ContentHeader;
diff --git a/src/components/design/FloatingDiv/index.module.scss b/src/components/design/FloatingDiv/index.module.scss
index eec7275..24ffe8f 100644
--- a/src/components/design/FloatingDiv/index.module.scss
+++ b/src/components/design/FloatingDiv/index.module.scss
@@ -1,44 +1,44 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .floatingDiv {
-  position: relative;
-  width: 80%;
-  top: 250px;
-  margin: auto;
-  padding-top: 40px;
-  padding-bottom: 40px;
-  margin-bottom: 400px;
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  box-sizing: border-box;
+	position: relative;
+	width: 80%;
+	top: 250px;
+	margin: auto;
+	padding-top: 40px;
+	padding-bottom: 40px;
+	margin-bottom: 400px;
+	display: flex;
+	align-items: flex-start;
+	justify-content: center;
+	box-sizing: border-box;
 
-  background-image: $dialog-container-gradient;
-  box-shadow: $dialog-container-box-shadow;
-  backdrop-filter: blur(4px);
-  border-radius: 25px;
+	background-image: $dialog-container-gradient;
+	box-shadow: $dialog-container-box-shadow;
+	backdrop-filter: blur(4px);
+	border-radius: 25px;
 
-  @include down($breakpoint-md) {
-    width: 90%;
-  }
+	@include down($breakpoint-md) {
+		width: 90%;
+	}
 
-  @include down($breakpoint-md) {
-    top: 150px;
-  }
+	@include down($breakpoint-md) {
+		top: 150px;
+	}
 
-  @include down($breakpoint-sm) {
-    top: 140px;
-  }
+	@include down($breakpoint-sm) {
+		top: 140px;
+	}
 
-  @include down($breakpoint-xs) {
-    top: 130px;
-  }
+	@include down($breakpoint-xs) {
+		top: 130px;
+	}
 }
 
 .content {
-  display: flex;
-  width: 95%;
-  flex-direction: column;
-  gap: 1em;
+	display: flex;
+	width: 95%;
+	flex-direction: column;
+	gap: 1em;
 }
diff --git a/src/components/design/FloatingDiv/index.tsx b/src/components/design/FloatingDiv/index.tsx
index 7bedd7a..700af74 100644
--- a/src/components/design/FloatingDiv/index.tsx
+++ b/src/components/design/FloatingDiv/index.tsx
@@ -1,11 +1,11 @@
-import styles from "./index.module.scss"
+import styles from './index.module.scss';
 
 const FloatingDiv = (props: any) => {
-  return (
-    <div className={styles.floatingDiv}>
-      <div className={styles.content}>{props.children}</div>
-    </div>
-  )
-}
+	return (
+		<div className={styles.floatingDiv}>
+			<div className={styles.content}>{props.children}</div>
+		</div>
+	);
+};
 
-export default FloatingDiv
+export default FloatingDiv;
diff --git a/src/components/design/HeaderUnderline.tsx b/src/components/design/HeaderUnderline.tsx
index 3868a57..4674ab2 100644
--- a/src/components/design/HeaderUnderline.tsx
+++ b/src/components/design/HeaderUnderline.tsx
@@ -1,18 +1,18 @@
-import { ReactElement } from "react"
+import { ReactElement } from 'react';
 
 const HeaderUnderline = (): ReactElement => {
-  return (
-    <svg
-      style={{
-        marginBottom: "1em"
-      }}
-      height="1"
-      width="297"
-      viewBox="0 0 297 1"
-    >
-      <line y1="0.5" x2="297" y2="0.5" stroke="#AA5418" />
-    </svg>
-  )
-}
+	return (
+		<svg
+			style={{
+				marginBottom: '1em',
+			}}
+			height="1"
+			width="297"
+			viewBox="0 0 297 1"
+		>
+			<line y1="0.5" x2="297" y2="0.5" stroke="#AA5418" />
+		</svg>
+	);
+};
 
-export default HeaderUnderline
+export default HeaderUnderline;
diff --git a/src/components/design/Logo/index.tsx b/src/components/design/Logo/index.tsx
index 26998dc..456f0ef 100644
--- a/src/components/design/Logo/index.tsx
+++ b/src/components/design/Logo/index.tsx
@@ -1,197 +1,197 @@
-import { ReactElement } from "react"
+import { ReactElement } from 'react';
 
 const Logo = ({
-  className,
-  variant
+	className,
+	variant,
 }: {
-  className: string
-  variant: "large" | "medium"
+	className: string;
+	variant: 'large' | 'medium';
 }): ReactElement => {
-  return variant === "large" ? (
-    <svg
-      width="350"
-      height="167"
-      viewBox="0 0 350 167"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path
-        d="M232.72 99.3932V53.1494H243.286L268.134 89.4508V53.1494H276.262V99.3932H265.696L240.848 63.0918V99.3932H232.72Z"
-        fill="#E5E5E5"
-      />
-      <path
-        d="M231.519 151.344C219.004 151.344 210.199 145.581 210.199 137.436H217.952C217.952 141.37 223.545 144.14 231.519 144.14C239.493 144.14 245.086 141.37 245.086 137.436C245.086 124.969 211.306 139.098 211.306 118.098C211.306 110.285 219.668 104.8 231.519 104.8C242.705 104.8 250.624 110.285 250.624 118.098H242.871C242.871 114.552 238.164 112.003 231.519 112.003C224.209 112.003 219.059 114.552 219.059 118.098C219.059 130.343 252.839 116.657 252.839 137.436C252.839 145.581 244.034 151.344 231.519 151.344Z"
-        fill="#E5E5E5"
-      />
-      <path
-        d="M170.261 148.34V104.198H177.921V123.014L198.056 104.198H208.397L191.819 119.758C192.475 120.807 192.858 121.91 193.022 123.179C193.187 124.669 192.913 126.049 192.749 127.263C192.038 131.125 192.804 130.959 196.688 131.29C199.862 131.622 203.473 131.953 205.443 134.711C206.756 136.532 207.139 138.795 206.592 141.388C206.209 143.154 205.497 144.809 204.841 146.244L203.965 148.34H196.853C196.853 146.685 197.619 145.03 198.385 143.264C200.354 138.905 200.737 138.85 196.032 138.408C192.968 138.132 189.849 137.801 187.879 135.649C186.457 134.105 185.636 132.284 185.472 130.242C185.308 128.697 185.527 127.263 185.745 126.049L185.855 125.387L177.921 132.835V148.34H170.261Z"
-        fill="#E5E5E5"
-      />
-      <path
-        d="M143.879 148.34C131.03 148.34 121.916 138.703 121.916 125.068C121.916 111.433 131.03 101.796 143.879 101.796C156.507 101.796 165.457 109.188 165.457 119.592H157.495C157.495 113.46 151.84 109.079 143.879 109.079C135.533 109.079 129.658 115.705 129.658 125.068C129.658 134.432 135.533 141.057 143.879 141.057C151.84 141.057 157.495 136.677 157.495 130.544H165.457C165.457 140.948 156.507 148.34 143.879 148.34Z"
-        fill="#E5E5E5"
-      />
-      <path
-        d="M114.709 98.4923V56.1332L117.918 55.4618C118.031 55.4058 118.143 55.4058 118.256 55.3499C120.508 54.8462 125.744 53.6152 131.487 53.2235C134.866 53.0556 137.906 53.1676 140.552 53.6152C143.987 54.2307 146.914 55.4058 149.11 57.1405C150.799 58.4834 152.094 60.1062 152.995 62.0646C153.896 64.0231 154.346 66.3173 154.346 68.8354C154.346 71.5213 153.277 74.2631 151.137 76.9491C150.293 78.0682 149.223 79.1314 148.041 80.1945C151.193 85.9581 152.094 92.1692 152.826 98.4923H145.225C144.831 95.3028 144.437 92.6169 143.593 89.5952C143.086 87.7487 142.466 86.07 141.678 84.5032C139.764 85.5664 137.681 86.4617 135.654 87.1331C132.501 88.1963 129.404 88.8118 126.758 88.8118C125.238 88.8118 123.83 88.644 122.591 88.3082V98.4923H114.709ZM122.591 78.6278C122.76 79.8588 123.211 80.2505 123.436 80.4184C124.055 80.922 125.238 81.2017 126.758 81.2017C129.629 81.2017 133.289 80.1945 136.78 78.4599C135.541 77.5646 134.021 76.7812 132.388 76.1657C129.348 75.0465 126.251 74.7108 124.281 75.2704C123.38 75.6061 122.76 75.9978 122.591 77.1729V78.6278ZM122.591 67.8841C123.83 67.5484 125.125 67.3805 126.533 67.3805C127.208 67.3805 127.828 67.4365 128.503 67.4924C130.643 67.7162 132.895 68.2198 135.034 69.0592C138.3 70.2343 141.228 72.0249 143.424 74.0393C144.099 73.4238 144.662 72.8642 145.169 72.2487C146.183 70.9617 146.746 69.7866 146.746 68.8354C146.746 67.1567 146.464 64.7505 144.381 63.0719C142.016 61.2812 137.737 60.4419 131.994 60.8336C128.447 61.0574 125.012 61.6729 122.591 62.1765V67.8841Z"
-        fill="#E5E5E5"
-      />
-      <path
-        d="M96.0874 85.1374H78.5568L72.3119 98.4933H64.2607L84.0415 52.5498H91.1506L110.204 98.4933H102.034L96.0874 85.1374ZM93.2496 78.0531L87.5162 62.2953L81.4543 78.0531H93.2496Z"
-        fill="#E5E5E5"
-      />
-      <path
-        d="M216.802 85.95H199.271L193.026 99.3932H184.975L204.756 53.1494H211.865L230.919 99.3932H222.748L216.802 85.95ZM213.964 78.8194L208.231 62.9586L202.169 78.8194H213.964Z"
-        fill="#E5E5E5"
-      />
-      <path
-        d="M112.603 137.387H95.0724L88.8275 150.743H80.7764L100.557 104.8H107.666L126.72 150.743H118.549L112.603 137.387ZM109.765 130.303L104.032 114.545L97.9699 130.303H109.765Z"
-        fill="#E5E5E5"
-      />
-      <path
-        d="M275.756 128.965C272.439 130.708 269.349 131.981 265.984 132.294C264.38 132.446 262.707 132.441 261.128 132.152C257.267 131.447 254.956 128.416 254.942 124.362C254.927 120.406 257.12 117.458 260.975 116.758C262.82 116.425 264.807 116.474 266.666 116.758C270.188 117.292 273.352 118.785 276.104 121.082C276.32 121.258 276.56 121.405 276.82 121.586C278.714 119.926 280.112 118.119 279.381 115.427C278.723 112.998 276.997 111.789 274.642 111.206C271.061 110.32 267.514 110.824 263.963 111.377C262.084 111.671 260.215 111.989 258.243 112.313C257.826 110.54 257.439 108.905 257.022 107.142C261.549 106.324 265.92 105.203 270.423 105.428C272.915 105.551 275.481 105.933 277.835 106.731C283.016 108.489 285.856 113.424 284.723 118.697C284.34 120.479 283.163 122.125 282.187 123.735C281.676 124.582 280.818 125.219 280.131 125.939C280.823 127.78 281.598 129.567 282.157 131.417C282.716 133.273 283.06 135.192 283.536 137.229H278.174C277.394 134.566 276.604 131.868 275.756 128.96V128.965ZM272.126 124.749C269.079 122.697 265.994 121.444 262.413 121.919C260.897 122.12 260.318 122.908 260.328 124.406C260.343 126.174 261.206 127.016 263.212 127.094C266.342 127.217 269.177 126.198 272.121 124.749H272.126Z"
-        fill="#E5E5E5"
-      />
-      <path
-        d="M292.647 131.216H316.8V136.943H309.593V150.743H303.843V137.027H288.338C287.412 135.691 286.526 134.415 285.57 133.045C289.249 123.705 292.942 114.321 296.691 104.8C298.533 105.494 300.294 106.16 302.211 106.884C299.033 114.972 295.885 122.971 292.647 131.216Z"
-        fill="#E5E5E5"
-      />
-      <path
-        d="M74.3401 51.949L74.771 59.2923L58.8355 60.4486V98.493H50.8454V61.1107L35.2642 62.2671L34.8333 54.8399L74.3401 51.949Z"
-        fill="#E5E5E5"
-      />
-      <path
-        d="M154.777 52.5498L154.346 59.8931L170.282 61.0495V99.0938H178.272V61.7115L193.853 62.8679L194.284 55.4407L154.777 52.5498Z"
-        fill="#E5E5E5"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M335.426 66.3079L301.549 86.4907L304.985 64.9364L284.984 74.7853L288.011 80.9338L296.132 76.935L292.475 99.8741L319.227 83.936L309.504 103.92L321.027 106.332L310.978 113.279L314.875 118.917L338.052 102.894L319.513 99.0135L335.426 66.3079Z"
-        fill="#FF7AA5"
-        stroke="#1028F1"
-        strokeWidth="1.5"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M16.5396 103.526C18.331 105.114 20.6028 106.583 22.7738 107.717L28.6404 110.782L23.1008 114.404C21.3112 115.574 20.1612 116.542 19.4622 117.295C19.1812 117.598 19.0009 117.837 18.8863 118.011C19.011 118.103 19.1818 118.216 19.4121 118.344C20.7426 119.088 22.957 119.755 25.7459 120.244C28.4545 120.719 31.389 120.974 33.9383 121.058L33.6851 128.814C30.8519 128.721 27.5448 128.439 24.405 127.888C21.3457 127.351 18.1052 126.504 15.6266 125.119C14.3787 124.422 13.0593 123.444 12.1298 122.05C11.1227 120.54 10.6925 118.704 11.1042 116.753C11.4854 114.947 12.5162 113.372 13.7724 112.018C13.9134 111.866 14.0597 111.714 14.2113 111.562C13.233 110.867 12.2806 110.121 11.3913 109.333C9.10193 107.303 6.76594 104.585 5.9829 101.339C5.56932 99.625 5.59595 97.776 6.28532 95.9394C6.96431 94.1305 8.19128 92.5838 9.78339 91.2788C12.1609 89.3301 15.5888 87.726 20.1235 86.4149C19.7095 85.1669 19.3518 83.891 19.09 82.6407C18.5631 80.1249 18.217 76.8004 19.531 74.0985C20.2776 72.5633 21.5487 71.2643 23.3712 70.5928C25.0811 69.9627 26.9123 70.0182 28.6554 70.3919C32.063 71.1225 36.3431 73.3371 41.688 77.0653L37.2484 83.4303C32.1038 79.842 28.8682 78.3743 27.0284 77.9799C26.7726 77.925 26.5721 77.8973 26.4196 77.8843C26.3977 78.0445 26.3822 78.2468 26.3804 78.4952C26.3756 79.167 26.4714 80.0271 26.6856 81.0501C27.1148 83.0997 27.939 85.4293 28.8726 87.527L30.8083 91.876L26.1583 92.895C19.7979 94.2889 16.3712 95.9134 14.7028 97.2808C13.916 97.9257 13.6471 98.41 13.5508 98.6666C13.4649 98.8954 13.4369 99.1462 13.5269 99.5193C13.751 100.448 14.6551 101.855 16.5396 103.526Z"
-        fill="#F2DC00"
-        stroke="#1028F1"
-        strokeWidth="1.5"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M288.759 153.13C291.357 150.794 292.713 147.479 293.119 145.194L299.733 146.369C299.131 149.762 297.21 154.565 293.252 158.125C289.123 161.838 283.077 163.919 275.006 162.088C266.934 160.256 262.378 155.771 260.256 150.64C258.221 145.719 258.561 140.558 259.482 137.237L265.956 139.032C265.336 141.268 265.129 144.844 266.464 148.072C267.712 151.089 270.441 154.163 276.492 155.536C282.543 156.909 286.332 155.313 288.759 153.13Z"
-        fill="#735FFF"
-        stroke="#1D34FC"
-        strokeWidth="1.5"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M80.3448 43.3832L85.8929 4.61369L93.757 5.73907L88.2089 44.5086L80.3448 43.3832Z"
-        fill="#1028F1"
-        stroke="#1028F1"
-        strokeWidth="1.5"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M91.4277 44.7809L103.74 18.3961L110.939 21.7555L98.6266 48.1403L91.4277 44.7809Z"
-        fill="#1028F1"
-        stroke="#1028F1"
-        strokeWidth="1.5"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M99.5741 49.7243L141.946 21.8858L146.308 28.5252L103.936 56.3637L99.5741 49.7243Z"
-        fill="#1028F1"
-        stroke="#1028F1"
-        strokeWidth="1.5"
-      />
-      <path
-        d="M44.8543 146.184H52.6508L50.9244 127.643H72.739L68.3045 153.144H76.2424L85.2807 103.993H77.4134L73.8168 119.964H50.0331L48.4506 99.994H40.5383L44.8543 146.184Z"
-        fill="#E5E5E5"
-      />
-    </svg>
-  ) : (
-    <svg
-      width="202"
-      height="135"
-      viewBox="0 0 202 135"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M6.04289 122.385L27.1517 97.8336L9.23213 97.5693L20.0228 82.7819L24.5686 86.099L20.1874 92.1029L39.2583 92.3842L22.5889 111.772L40.1265 106.73L40.4504 116.391L47.4886 109.243L51.4983 113.192L35.2653 129.676L34.7441 114.133L6.04289 122.385Z"
-        fill="#FF7AA5"
-        stroke="#1028F1"
-        strokeWidth="1.5"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M170.626 41.3166C168.385 41.8954 165.98 42.924 163.898 44.0526L158.272 47.1022L158.359 40.7035C158.387 38.6363 158.232 37.1915 158.006 36.2239C157.914 35.8349 157.821 35.5616 157.743 35.3759C157.602 35.426 157.419 35.502 157.191 35.6171C155.877 36.2826 154.146 37.6982 152.247 39.6706C150.403 41.5861 148.614 43.8017 147.17 45.8012L141.087 41.4092C142.691 39.187 144.704 36.6876 146.842 34.4671C148.924 32.3035 151.354 30.1624 153.803 28.9227C155.036 28.2985 156.533 27.7685 158.153 27.7759C159.908 27.7838 161.612 28.4301 162.954 29.814C164.197 31.095 164.903 32.7723 165.311 34.5111C165.356 34.7063 165.399 34.9057 165.439 35.1092C166.525 34.7001 167.637 34.3392 168.75 34.0518C171.614 33.3121 175.056 32.9067 178.081 34.0316C179.679 34.6258 181.148 35.6458 182.248 37.1905C183.332 38.712 183.91 40.5313 184.097 42.5128C184.375 45.4719 183.811 49.0872 182.413 53.4319C183.637 53.7739 184.854 54.1761 185.998 54.6414C188.3 55.5776 191.153 57.0955 192.61 59.6085C193.438 61.0363 193.793 62.7572 193.347 64.5814C192.929 66.293 191.896 67.7316 190.655 68.9275C188.228 71.2657 184.141 73.502 178.265 75.7749L175.558 68.777C181.214 66.5893 184.138 64.7872 185.448 63.5248C185.63 63.3493 185.761 63.2034 185.854 63.0881C185.737 62.9841 185.583 62.8624 185.385 62.7268C184.849 62.3601 184.107 61.9724 183.171 61.5917C181.296 60.829 178.982 60.2318 176.796 59.8476L172.263 59.0511L173.957 54.7718C176.274 48.9183 176.822 45.2929 176.627 43.2165C176.534 42.2372 176.291 41.7599 176.138 41.5442C176 41.3517 175.814 41.1938 175.467 41.0645C174.601 40.7425 172.984 40.7077 170.626 41.3166Z"
-        fill="#F2DC00"
-        stroke="#1028F1"
-        strokeWidth="1.5"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M150.071 114.475C152.972 111.866 154.487 108.164 154.94 105.612L162.328 106.924C161.655 110.714 159.51 116.077 155.088 120.054C150.477 124.201 143.725 126.525 134.71 124.48C125.695 122.434 120.606 117.425 118.236 111.694C115.964 106.198 116.343 100.434 117.372 96.7247L124.602 98.7295C123.909 101.227 123.679 105.221 125.17 108.826C126.563 112.196 129.612 115.629 136.37 117.162C143.128 118.696 147.36 116.913 150.071 114.475Z"
-        fill="#735FFF"
-        stroke="#1D34FC"
-        strokeWidth="1.5"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M83.6554 57.0836L106.237 29.5142L100.645 24.9336L78.0632 52.5031L83.6554 57.0836Z"
-        fill="#1028F1"
-        stroke="#1028F1"
-        strokeWidth="1.5"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M75.9001 50.5115L86.0169 26.0252L79.336 23.2649L69.2192 47.7512L75.9001 50.5115Z"
-        fill="#1028F1"
-        stroke="#1028F1"
-        strokeWidth="1.5"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M67.5743 48.0914L60.1744 2.55587L53.0393 3.71539L60.4392 49.2509L67.5743 48.0914Z"
-        fill="#1028F1"
-        stroke="#1028F1"
-        strokeWidth="1.5"
-      />
-      <path
-        d="M66.0856 68.1572H73.927L72.1907 86.6457H94.1309L89.6708 61.2168H97.6544L106.745 110.229H98.8322L95.2149 94.3036H71.2942L69.7025 114.217H61.7448L66.0856 68.1572Z"
-        fill="#1B1818"
-      />
-      <path
-        d="M132.777 86.3114C128.47 88.6113 124.457 90.2911 120.086 90.7046C118.003 90.9048 115.83 90.8984 113.779 90.5172C108.765 89.5869 105.764 85.5878 105.745 80.2384C105.726 75.0183 108.574 71.1291 113.581 70.2052C115.977 69.7659 118.557 69.8305 120.972 70.2052C125.546 70.9094 129.655 72.8799 133.23 75.9099C133.51 76.1425 133.822 76.3363 134.16 76.5753C136.619 74.3852 138.435 72.0012 137.485 68.4479C136.632 65.2435 134.389 63.6477 131.331 62.8789C126.68 61.7096 122.074 62.375 117.461 63.105C115.021 63.4927 112.594 63.9126 110.033 64.339C109.491 62.0003 108.988 59.8425 108.446 57.5167C114.327 56.4377 120.003 54.9583 125.852 55.2555C129.088 55.417 132.42 55.9209 135.479 56.974C142.206 59.2933 145.895 65.8056 144.424 72.7636C143.927 75.1152 142.398 77.286 141.13 79.4115C140.467 80.5292 139.352 81.369 138.46 82.3187C139.359 84.7479 140.365 87.106 141.091 89.5481C141.818 91.9967 142.264 94.5292 142.882 97.2168H135.918C134.905 93.7023 133.879 90.1425 132.777 86.3049V86.3114ZM128.063 80.7488C124.106 78.0419 120.099 76.388 115.448 77.0146C113.479 77.2795 112.728 78.3197 112.74 80.2966C112.759 82.6289 113.881 83.7401 116.486 83.8434C120.551 84.005 124.234 82.6612 128.056 80.7488H128.063Z"
-        fill="#1B1818"
-      />
-      <path
-        d="M154.809 86.7158H185.745V94.1949H176.514V112.217H169.149V94.3043H149.29C148.104 92.5601 146.969 90.893 145.745 89.1037C150.456 76.9068 155.187 64.6519 159.988 52.2168C162.347 53.1243 164.604 53.9932 167.059 54.9394C162.988 65.5015 158.956 75.9478 154.809 86.7158Z"
-        fill="#1B1818"
-      />
-      <path
-        d="M70.3131 55.2168L70.7448 62.632L54.7844 63.7997V102.217H46.7819V64.4683L31.1764 65.636L30.7448 58.1361L70.3131 55.2168Z"
-        fill="#1B1818"
-      />
-    </svg>
-  )
-}
+	return variant === 'large' ? (
+		<svg
+			width="350"
+			height="167"
+			viewBox="0 0 350 167"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+			className={className}
+		>
+			<path
+				d="M232.72 99.3932V53.1494H243.286L268.134 89.4508V53.1494H276.262V99.3932H265.696L240.848 63.0918V99.3932H232.72Z"
+				fill="#E5E5E5"
+			/>
+			<path
+				d="M231.519 151.344C219.004 151.344 210.199 145.581 210.199 137.436H217.952C217.952 141.37 223.545 144.14 231.519 144.14C239.493 144.14 245.086 141.37 245.086 137.436C245.086 124.969 211.306 139.098 211.306 118.098C211.306 110.285 219.668 104.8 231.519 104.8C242.705 104.8 250.624 110.285 250.624 118.098H242.871C242.871 114.552 238.164 112.003 231.519 112.003C224.209 112.003 219.059 114.552 219.059 118.098C219.059 130.343 252.839 116.657 252.839 137.436C252.839 145.581 244.034 151.344 231.519 151.344Z"
+				fill="#E5E5E5"
+			/>
+			<path
+				d="M170.261 148.34V104.198H177.921V123.014L198.056 104.198H208.397L191.819 119.758C192.475 120.807 192.858 121.91 193.022 123.179C193.187 124.669 192.913 126.049 192.749 127.263C192.038 131.125 192.804 130.959 196.688 131.29C199.862 131.622 203.473 131.953 205.443 134.711C206.756 136.532 207.139 138.795 206.592 141.388C206.209 143.154 205.497 144.809 204.841 146.244L203.965 148.34H196.853C196.853 146.685 197.619 145.03 198.385 143.264C200.354 138.905 200.737 138.85 196.032 138.408C192.968 138.132 189.849 137.801 187.879 135.649C186.457 134.105 185.636 132.284 185.472 130.242C185.308 128.697 185.527 127.263 185.745 126.049L185.855 125.387L177.921 132.835V148.34H170.261Z"
+				fill="#E5E5E5"
+			/>
+			<path
+				d="M143.879 148.34C131.03 148.34 121.916 138.703 121.916 125.068C121.916 111.433 131.03 101.796 143.879 101.796C156.507 101.796 165.457 109.188 165.457 119.592H157.495C157.495 113.46 151.84 109.079 143.879 109.079C135.533 109.079 129.658 115.705 129.658 125.068C129.658 134.432 135.533 141.057 143.879 141.057C151.84 141.057 157.495 136.677 157.495 130.544H165.457C165.457 140.948 156.507 148.34 143.879 148.34Z"
+				fill="#E5E5E5"
+			/>
+			<path
+				d="M114.709 98.4923V56.1332L117.918 55.4618C118.031 55.4058 118.143 55.4058 118.256 55.3499C120.508 54.8462 125.744 53.6152 131.487 53.2235C134.866 53.0556 137.906 53.1676 140.552 53.6152C143.987 54.2307 146.914 55.4058 149.11 57.1405C150.799 58.4834 152.094 60.1062 152.995 62.0646C153.896 64.0231 154.346 66.3173 154.346 68.8354C154.346 71.5213 153.277 74.2631 151.137 76.9491C150.293 78.0682 149.223 79.1314 148.041 80.1945C151.193 85.9581 152.094 92.1692 152.826 98.4923H145.225C144.831 95.3028 144.437 92.6169 143.593 89.5952C143.086 87.7487 142.466 86.07 141.678 84.5032C139.764 85.5664 137.681 86.4617 135.654 87.1331C132.501 88.1963 129.404 88.8118 126.758 88.8118C125.238 88.8118 123.83 88.644 122.591 88.3082V98.4923H114.709ZM122.591 78.6278C122.76 79.8588 123.211 80.2505 123.436 80.4184C124.055 80.922 125.238 81.2017 126.758 81.2017C129.629 81.2017 133.289 80.1945 136.78 78.4599C135.541 77.5646 134.021 76.7812 132.388 76.1657C129.348 75.0465 126.251 74.7108 124.281 75.2704C123.38 75.6061 122.76 75.9978 122.591 77.1729V78.6278ZM122.591 67.8841C123.83 67.5484 125.125 67.3805 126.533 67.3805C127.208 67.3805 127.828 67.4365 128.503 67.4924C130.643 67.7162 132.895 68.2198 135.034 69.0592C138.3 70.2343 141.228 72.0249 143.424 74.0393C144.099 73.4238 144.662 72.8642 145.169 72.2487C146.183 70.9617 146.746 69.7866 146.746 68.8354C146.746 67.1567 146.464 64.7505 144.381 63.0719C142.016 61.2812 137.737 60.4419 131.994 60.8336C128.447 61.0574 125.012 61.6729 122.591 62.1765V67.8841Z"
+				fill="#E5E5E5"
+			/>
+			<path
+				d="M96.0874 85.1374H78.5568L72.3119 98.4933H64.2607L84.0415 52.5498H91.1506L110.204 98.4933H102.034L96.0874 85.1374ZM93.2496 78.0531L87.5162 62.2953L81.4543 78.0531H93.2496Z"
+				fill="#E5E5E5"
+			/>
+			<path
+				d="M216.802 85.95H199.271L193.026 99.3932H184.975L204.756 53.1494H211.865L230.919 99.3932H222.748L216.802 85.95ZM213.964 78.8194L208.231 62.9586L202.169 78.8194H213.964Z"
+				fill="#E5E5E5"
+			/>
+			<path
+				d="M112.603 137.387H95.0724L88.8275 150.743H80.7764L100.557 104.8H107.666L126.72 150.743H118.549L112.603 137.387ZM109.765 130.303L104.032 114.545L97.9699 130.303H109.765Z"
+				fill="#E5E5E5"
+			/>
+			<path
+				d="M275.756 128.965C272.439 130.708 269.349 131.981 265.984 132.294C264.38 132.446 262.707 132.441 261.128 132.152C257.267 131.447 254.956 128.416 254.942 124.362C254.927 120.406 257.12 117.458 260.975 116.758C262.82 116.425 264.807 116.474 266.666 116.758C270.188 117.292 273.352 118.785 276.104 121.082C276.32 121.258 276.56 121.405 276.82 121.586C278.714 119.926 280.112 118.119 279.381 115.427C278.723 112.998 276.997 111.789 274.642 111.206C271.061 110.32 267.514 110.824 263.963 111.377C262.084 111.671 260.215 111.989 258.243 112.313C257.826 110.54 257.439 108.905 257.022 107.142C261.549 106.324 265.92 105.203 270.423 105.428C272.915 105.551 275.481 105.933 277.835 106.731C283.016 108.489 285.856 113.424 284.723 118.697C284.34 120.479 283.163 122.125 282.187 123.735C281.676 124.582 280.818 125.219 280.131 125.939C280.823 127.78 281.598 129.567 282.157 131.417C282.716 133.273 283.06 135.192 283.536 137.229H278.174C277.394 134.566 276.604 131.868 275.756 128.96V128.965ZM272.126 124.749C269.079 122.697 265.994 121.444 262.413 121.919C260.897 122.12 260.318 122.908 260.328 124.406C260.343 126.174 261.206 127.016 263.212 127.094C266.342 127.217 269.177 126.198 272.121 124.749H272.126Z"
+				fill="#E5E5E5"
+			/>
+			<path
+				d="M292.647 131.216H316.8V136.943H309.593V150.743H303.843V137.027H288.338C287.412 135.691 286.526 134.415 285.57 133.045C289.249 123.705 292.942 114.321 296.691 104.8C298.533 105.494 300.294 106.16 302.211 106.884C299.033 114.972 295.885 122.971 292.647 131.216Z"
+				fill="#E5E5E5"
+			/>
+			<path
+				d="M74.3401 51.949L74.771 59.2923L58.8355 60.4486V98.493H50.8454V61.1107L35.2642 62.2671L34.8333 54.8399L74.3401 51.949Z"
+				fill="#E5E5E5"
+			/>
+			<path
+				d="M154.777 52.5498L154.346 59.8931L170.282 61.0495V99.0938H178.272V61.7115L193.853 62.8679L194.284 55.4407L154.777 52.5498Z"
+				fill="#E5E5E5"
+			/>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M335.426 66.3079L301.549 86.4907L304.985 64.9364L284.984 74.7853L288.011 80.9338L296.132 76.935L292.475 99.8741L319.227 83.936L309.504 103.92L321.027 106.332L310.978 113.279L314.875 118.917L338.052 102.894L319.513 99.0135L335.426 66.3079Z"
+				fill="#FF7AA5"
+				stroke="#1028F1"
+				strokeWidth="1.5"
+			/>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M16.5396 103.526C18.331 105.114 20.6028 106.583 22.7738 107.717L28.6404 110.782L23.1008 114.404C21.3112 115.574 20.1612 116.542 19.4622 117.295C19.1812 117.598 19.0009 117.837 18.8863 118.011C19.011 118.103 19.1818 118.216 19.4121 118.344C20.7426 119.088 22.957 119.755 25.7459 120.244C28.4545 120.719 31.389 120.974 33.9383 121.058L33.6851 128.814C30.8519 128.721 27.5448 128.439 24.405 127.888C21.3457 127.351 18.1052 126.504 15.6266 125.119C14.3787 124.422 13.0593 123.444 12.1298 122.05C11.1227 120.54 10.6925 118.704 11.1042 116.753C11.4854 114.947 12.5162 113.372 13.7724 112.018C13.9134 111.866 14.0597 111.714 14.2113 111.562C13.233 110.867 12.2806 110.121 11.3913 109.333C9.10193 107.303 6.76594 104.585 5.9829 101.339C5.56932 99.625 5.59595 97.776 6.28532 95.9394C6.96431 94.1305 8.19128 92.5838 9.78339 91.2788C12.1609 89.3301 15.5888 87.726 20.1235 86.4149C19.7095 85.1669 19.3518 83.891 19.09 82.6407C18.5631 80.1249 18.217 76.8004 19.531 74.0985C20.2776 72.5633 21.5487 71.2643 23.3712 70.5928C25.0811 69.9627 26.9123 70.0182 28.6554 70.3919C32.063 71.1225 36.3431 73.3371 41.688 77.0653L37.2484 83.4303C32.1038 79.842 28.8682 78.3743 27.0284 77.9799C26.7726 77.925 26.5721 77.8973 26.4196 77.8843C26.3977 78.0445 26.3822 78.2468 26.3804 78.4952C26.3756 79.167 26.4714 80.0271 26.6856 81.0501C27.1148 83.0997 27.939 85.4293 28.8726 87.527L30.8083 91.876L26.1583 92.895C19.7979 94.2889 16.3712 95.9134 14.7028 97.2808C13.916 97.9257 13.6471 98.41 13.5508 98.6666C13.4649 98.8954 13.4369 99.1462 13.5269 99.5193C13.751 100.448 14.6551 101.855 16.5396 103.526Z"
+				fill="#F2DC00"
+				stroke="#1028F1"
+				strokeWidth="1.5"
+			/>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M288.759 153.13C291.357 150.794 292.713 147.479 293.119 145.194L299.733 146.369C299.131 149.762 297.21 154.565 293.252 158.125C289.123 161.838 283.077 163.919 275.006 162.088C266.934 160.256 262.378 155.771 260.256 150.64C258.221 145.719 258.561 140.558 259.482 137.237L265.956 139.032C265.336 141.268 265.129 144.844 266.464 148.072C267.712 151.089 270.441 154.163 276.492 155.536C282.543 156.909 286.332 155.313 288.759 153.13Z"
+				fill="#735FFF"
+				stroke="#1D34FC"
+				strokeWidth="1.5"
+			/>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M80.3448 43.3832L85.8929 4.61369L93.757 5.73907L88.2089 44.5086L80.3448 43.3832Z"
+				fill="#1028F1"
+				stroke="#1028F1"
+				strokeWidth="1.5"
+			/>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M91.4277 44.7809L103.74 18.3961L110.939 21.7555L98.6266 48.1403L91.4277 44.7809Z"
+				fill="#1028F1"
+				stroke="#1028F1"
+				strokeWidth="1.5"
+			/>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M99.5741 49.7243L141.946 21.8858L146.308 28.5252L103.936 56.3637L99.5741 49.7243Z"
+				fill="#1028F1"
+				stroke="#1028F1"
+				strokeWidth="1.5"
+			/>
+			<path
+				d="M44.8543 146.184H52.6508L50.9244 127.643H72.739L68.3045 153.144H76.2424L85.2807 103.993H77.4134L73.8168 119.964H50.0331L48.4506 99.994H40.5383L44.8543 146.184Z"
+				fill="#E5E5E5"
+			/>
+		</svg>
+	) : (
+		<svg
+			width="202"
+			height="135"
+			viewBox="0 0 202 135"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+			className={className}
+		>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M6.04289 122.385L27.1517 97.8336L9.23213 97.5693L20.0228 82.7819L24.5686 86.099L20.1874 92.1029L39.2583 92.3842L22.5889 111.772L40.1265 106.73L40.4504 116.391L47.4886 109.243L51.4983 113.192L35.2653 129.676L34.7441 114.133L6.04289 122.385Z"
+				fill="#FF7AA5"
+				stroke="#1028F1"
+				strokeWidth="1.5"
+			/>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M170.626 41.3166C168.385 41.8954 165.98 42.924 163.898 44.0526L158.272 47.1022L158.359 40.7035C158.387 38.6363 158.232 37.1915 158.006 36.2239C157.914 35.8349 157.821 35.5616 157.743 35.3759C157.602 35.426 157.419 35.502 157.191 35.6171C155.877 36.2826 154.146 37.6982 152.247 39.6706C150.403 41.5861 148.614 43.8017 147.17 45.8012L141.087 41.4092C142.691 39.187 144.704 36.6876 146.842 34.4671C148.924 32.3035 151.354 30.1624 153.803 28.9227C155.036 28.2985 156.533 27.7685 158.153 27.7759C159.908 27.7838 161.612 28.4301 162.954 29.814C164.197 31.095 164.903 32.7723 165.311 34.5111C165.356 34.7063 165.399 34.9057 165.439 35.1092C166.525 34.7001 167.637 34.3392 168.75 34.0518C171.614 33.3121 175.056 32.9067 178.081 34.0316C179.679 34.6258 181.148 35.6458 182.248 37.1905C183.332 38.712 183.91 40.5313 184.097 42.5128C184.375 45.4719 183.811 49.0872 182.413 53.4319C183.637 53.7739 184.854 54.1761 185.998 54.6414C188.3 55.5776 191.153 57.0955 192.61 59.6085C193.438 61.0363 193.793 62.7572 193.347 64.5814C192.929 66.293 191.896 67.7316 190.655 68.9275C188.228 71.2657 184.141 73.502 178.265 75.7749L175.558 68.777C181.214 66.5893 184.138 64.7872 185.448 63.5248C185.63 63.3493 185.761 63.2034 185.854 63.0881C185.737 62.9841 185.583 62.8624 185.385 62.7268C184.849 62.3601 184.107 61.9724 183.171 61.5917C181.296 60.829 178.982 60.2318 176.796 59.8476L172.263 59.0511L173.957 54.7718C176.274 48.9183 176.822 45.2929 176.627 43.2165C176.534 42.2372 176.291 41.7599 176.138 41.5442C176 41.3517 175.814 41.1938 175.467 41.0645C174.601 40.7425 172.984 40.7077 170.626 41.3166Z"
+				fill="#F2DC00"
+				stroke="#1028F1"
+				strokeWidth="1.5"
+			/>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M150.071 114.475C152.972 111.866 154.487 108.164 154.94 105.612L162.328 106.924C161.655 110.714 159.51 116.077 155.088 120.054C150.477 124.201 143.725 126.525 134.71 124.48C125.695 122.434 120.606 117.425 118.236 111.694C115.964 106.198 116.343 100.434 117.372 96.7247L124.602 98.7295C123.909 101.227 123.679 105.221 125.17 108.826C126.563 112.196 129.612 115.629 136.37 117.162C143.128 118.696 147.36 116.913 150.071 114.475Z"
+				fill="#735FFF"
+				stroke="#1D34FC"
+				strokeWidth="1.5"
+			/>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M83.6554 57.0836L106.237 29.5142L100.645 24.9336L78.0632 52.5031L83.6554 57.0836Z"
+				fill="#1028F1"
+				stroke="#1028F1"
+				strokeWidth="1.5"
+			/>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M75.9001 50.5115L86.0169 26.0252L79.336 23.2649L69.2192 47.7512L75.9001 50.5115Z"
+				fill="#1028F1"
+				stroke="#1028F1"
+				strokeWidth="1.5"
+			/>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M67.5743 48.0914L60.1744 2.55587L53.0393 3.71539L60.4392 49.2509L67.5743 48.0914Z"
+				fill="#1028F1"
+				stroke="#1028F1"
+				strokeWidth="1.5"
+			/>
+			<path
+				d="M66.0856 68.1572H73.927L72.1907 86.6457H94.1309L89.6708 61.2168H97.6544L106.745 110.229H98.8322L95.2149 94.3036H71.2942L69.7025 114.217H61.7448L66.0856 68.1572Z"
+				fill="#1B1818"
+			/>
+			<path
+				d="M132.777 86.3114C128.47 88.6113 124.457 90.2911 120.086 90.7046C118.003 90.9048 115.83 90.8984 113.779 90.5172C108.765 89.5869 105.764 85.5878 105.745 80.2384C105.726 75.0183 108.574 71.1291 113.581 70.2052C115.977 69.7659 118.557 69.8305 120.972 70.2052C125.546 70.9094 129.655 72.8799 133.23 75.9099C133.51 76.1425 133.822 76.3363 134.16 76.5753C136.619 74.3852 138.435 72.0012 137.485 68.4479C136.632 65.2435 134.389 63.6477 131.331 62.8789C126.68 61.7096 122.074 62.375 117.461 63.105C115.021 63.4927 112.594 63.9126 110.033 64.339C109.491 62.0003 108.988 59.8425 108.446 57.5167C114.327 56.4377 120.003 54.9583 125.852 55.2555C129.088 55.417 132.42 55.9209 135.479 56.974C142.206 59.2933 145.895 65.8056 144.424 72.7636C143.927 75.1152 142.398 77.286 141.13 79.4115C140.467 80.5292 139.352 81.369 138.46 82.3187C139.359 84.7479 140.365 87.106 141.091 89.5481C141.818 91.9967 142.264 94.5292 142.882 97.2168H135.918C134.905 93.7023 133.879 90.1425 132.777 86.3049V86.3114ZM128.063 80.7488C124.106 78.0419 120.099 76.388 115.448 77.0146C113.479 77.2795 112.728 78.3197 112.74 80.2966C112.759 82.6289 113.881 83.7401 116.486 83.8434C120.551 84.005 124.234 82.6612 128.056 80.7488H128.063Z"
+				fill="#1B1818"
+			/>
+			<path
+				d="M154.809 86.7158H185.745V94.1949H176.514V112.217H169.149V94.3043H149.29C148.104 92.5601 146.969 90.893 145.745 89.1037C150.456 76.9068 155.187 64.6519 159.988 52.2168C162.347 53.1243 164.604 53.9932 167.059 54.9394C162.988 65.5015 158.956 75.9478 154.809 86.7158Z"
+				fill="#1B1818"
+			/>
+			<path
+				d="M70.3131 55.2168L70.7448 62.632L54.7844 63.7997V102.217H46.7819V64.4683L31.1764 65.636L30.7448 58.1361L70.3131 55.2168Z"
+				fill="#1B1818"
+			/>
+		</svg>
+	);
+};
 
-export default Logo
+export default Logo;
diff --git a/src/components/design/Notification.tsx b/src/components/design/Notification.tsx
index 3ee5a0f..cb4f7dd 100644
--- a/src/components/design/Notification.tsx
+++ b/src/components/design/Notification.tsx
@@ -1,34 +1,38 @@
-import { Alert, Snackbar } from "@mui/material"
-import { SyntheticEvent } from "react"
+import { Alert, Snackbar } from '@mui/material';
+import { SyntheticEvent } from 'react';
 
 export default function Notification(props: any) {
-  const { notify, setNotify } = props
+	const { notify, setNotify } = props;
 
-  const handleClose = (
-    event: Event | SyntheticEvent<any, Event>,
-    reason?: string
-  ) => {
-    if (reason === "clickaway") {
-      return
-    }
-    setNotify({
-      ...notify,
-      isOpen: false
-    })
-  }
+	const handleClose = (
+		event: Event | SyntheticEvent<any, Event>,
+		reason?: string,
+	) => {
+		if (reason === 'clickaway') {
+			return;
+		}
+		setNotify({
+			...notify,
+			isOpen: false,
+		});
+	};
 
-  return (
-    <div>
-      <Snackbar
-        open={notify.isOpen}
-        autoHideDuration={6000}
-        onClose={handleClose}
-        anchorOrigin={{ vertical: "top", horizontal: "center" }}
-      >
-        <Alert severity={notify.type} onClose={handleClose} variant="filled">
-          {notify.message}
-        </Alert>
-      </Snackbar>
-    </div>
-  )
+	return (
+		<div>
+			<Snackbar
+				open={notify.isOpen}
+				autoHideDuration={6000}
+				onClose={handleClose}
+				anchorOrigin={{ vertical: 'top', horizontal: 'center' }}
+			>
+				<Alert
+					severity={notify.type}
+					onClose={handleClose}
+					variant="filled"
+				>
+					{notify.message}
+				</Alert>
+			</Snackbar>
+		</div>
+	);
 }
diff --git a/src/components/design/RectangleButton/index.module.scss b/src/components/design/RectangleButton/index.module.scss
index 6780f49..a7da833 100644
--- a/src/components/design/RectangleButton/index.module.scss
+++ b/src/components/design/RectangleButton/index.module.scss
@@ -1,14 +1,14 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .button {
-  background-color: $button-color;
-  border-radius: 10px;
-  box-shadow: $drop-shadow;
-  opacity: 0.7;
+	background-color: $button-color;
+	border-radius: 10px;
+	box-shadow: $drop-shadow;
+	opacity: 0.7;
 }
 
 .button:hover {
-  background-color: $button-color;
-  filter: brightness(95%);
+	background-color: $button-color;
+	filter: brightness(95%);
 }
diff --git a/src/components/design/RectangleButton/index.tsx b/src/components/design/RectangleButton/index.tsx
index 23b999f..b570a41 100644
--- a/src/components/design/RectangleButton/index.tsx
+++ b/src/components/design/RectangleButton/index.tsx
@@ -1,39 +1,39 @@
-import { Button } from "@mui/material"
-import React, { ReactElement } from "react"
-import styles from "./index.module.scss"
+import { Button } from '@mui/material';
+import React, { ReactElement } from 'react';
+import styles from './index.module.scss';
 
 const RectangleButton = ({
-  className,
-  children,
-  type,
-  onClick,
-  startIcon,
-  backgroundColor,
-  disabled
+	className,
+	children,
+	type,
+	onClick,
+	startIcon,
+	backgroundColor,
+	disabled,
 }: {
-  className?: string
-  children?: ReactElement | string
-  type: "button" | "reset" | "submit" | undefined
-  onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined
-  startIcon?: ReactElement
-  backgroundColor?: string
-  disabled?: boolean
+	className?: string;
+	children?: ReactElement | string;
+	type: 'button' | 'reset' | 'submit' | undefined;
+	onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+	startIcon?: ReactElement;
+	backgroundColor?: string;
+	disabled?: boolean;
 }): ReactElement => {
-  return (
-    <>
-      <Button
-        disabled={disabled}
-        variant="contained"
-        type={type}
-        className={`${className} ${styles.button}`}
-        onClick={onClick}
-        startIcon={startIcon}
-        style={{ backgroundColor, color: "#fff" }}
-      >
-        {children}
-      </Button>
-    </>
-  )
-}
+	return (
+		<>
+			<Button
+				disabled={disabled}
+				variant="contained"
+				type={type}
+				className={`${className} ${styles.button}`}
+				onClick={onClick}
+				startIcon={startIcon}
+				style={{ backgroundColor, color: '#fff' }}
+			>
+				{children}
+			</Button>
+		</>
+	);
+};
 
-export default RectangleButton
+export default RectangleButton;
diff --git a/src/components/design/ScottyLabsHeader/index.module.scss b/src/components/design/ScottyLabsHeader/index.module.scss
index 7216a40..4a14862 100644
--- a/src/components/design/ScottyLabsHeader/index.module.scss
+++ b/src/components/design/ScottyLabsHeader/index.module.scss
@@ -1,22 +1,22 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .pageHeader {
-  position: absolute;
-  left: 3%;
-  top: 4%;
-  white-space: nowrap;
-  width: 45%;
+	position: absolute;
+	left: 3%;
+	top: 4%;
+	white-space: nowrap;
+	width: 45%;
 
-  @include down($breakpoint-sm) {
-    width: 80%;
-  }
+	@include down($breakpoint-sm) {
+		width: 80%;
+	}
 }
 
 .primaryTextColor {
-  fill: $text-color-primary;
+	fill: $text-color-primary;
 }
 
 .secondaryTextColor {
-  fill: $text-color-secondary;
+	fill: $text-color-secondary;
 }
diff --git a/src/components/design/ScottyLabsHeader/index.tsx b/src/components/design/ScottyLabsHeader/index.tsx
index 8650bd2..377bcc8 100644
--- a/src/components/design/ScottyLabsHeader/index.tsx
+++ b/src/components/design/ScottyLabsHeader/index.tsx
@@ -1,42 +1,42 @@
-import React, { ReactElement } from "react"
-import { Link } from "@mui/material"
-import NextLink from "next/link"
-import TartanHacksIcon from "../TartanHacksIcon"
-import styles from "./index.module.scss"
+import React, { ReactElement } from 'react';
+import { Link } from '@mui/material';
+import NextLink from 'next/link';
+import TartanHacksIcon from '../TartanHacksIcon';
+import styles from './index.module.scss';
 
 const ScottyLabsHeader = (): ReactElement => {
-  return (
-    <div className={styles.pageHeader}>
-      <NextLink href="/" passHref>
-        <Link>
-          <svg
-            width="100%"
-            viewBox="0 0 716 92"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M120.112 6.496V11.92H111.184V40H104.464V11.92H95.536V6.496H120.112ZM123.287 26.608C123.287 23.92 123.815 21.536 124.871 19.456C125.959 17.376 127.415 15.776 129.239 14.656C131.095 13.536 133.159 12.976 135.431 12.976C137.415 12.976 139.143 13.376 140.615 14.176C142.119 14.976 143.319 15.984 144.215 17.2V13.408H150.983V40H144.215V36.112C143.351 37.36 142.151 38.4 140.615 39.232C139.111 40.032 137.367 40.432 135.383 40.432C133.143 40.432 131.095 39.856 129.239 38.704C127.415 37.552 125.959 35.936 124.871 33.856C123.815 31.744 123.287 29.328 123.287 26.608ZM144.215 26.704C144.215 25.072 143.895 23.68 143.255 22.528C142.615 21.344 141.751 20.448 140.663 19.84C139.575 19.2 138.407 18.88 137.159 18.88C135.911 18.88 134.759 19.184 133.703 19.792C132.647 20.4 131.783 21.296 131.111 22.48C130.471 23.632 130.151 25.008 130.151 26.608C130.151 28.208 130.471 29.616 131.111 30.832C131.783 32.016 132.647 32.928 133.703 33.568C134.791 34.208 135.943 34.528 137.159 34.528C138.407 34.528 139.575 34.224 140.663 33.616C141.751 32.976 142.615 32.08 143.255 30.928C143.895 29.744 144.215 28.336 144.215 26.704ZM164.266 17.536C165.13 16.128 166.25 15.024 167.626 14.224C169.034 13.424 170.634 13.024 172.426 13.024V20.08H170.65C168.538 20.08 166.938 20.576 165.85 21.568C164.794 22.56 164.266 24.288 164.266 26.752V40H157.546V13.408H164.266V17.536ZM184.777 18.928V31.792C184.777 32.688 184.985 33.344 185.401 33.76C185.849 34.144 186.585 34.336 187.609 34.336H190.729V40H186.505C180.841 40 178.009 37.248 178.009 31.744V18.928H174.841V13.408H178.009V6.832H184.777V13.408H190.729V18.928H184.777ZM193.834 26.608C193.834 23.92 194.362 21.536 195.418 19.456C196.506 17.376 197.962 15.776 199.786 14.656C201.642 13.536 203.706 12.976 205.978 12.976C207.962 12.976 209.69 13.376 211.162 14.176C212.666 14.976 213.866 15.984 214.762 17.2V13.408H221.53V40H214.762V36.112C213.898 37.36 212.698 38.4 211.162 39.232C209.658 40.032 207.914 40.432 205.93 40.432C203.69 40.432 201.642 39.856 199.786 38.704C197.962 37.552 196.506 35.936 195.418 33.856C194.362 31.744 193.834 29.328 193.834 26.608ZM214.762 26.704C214.762 25.072 214.442 23.68 213.802 22.528C213.162 21.344 212.298 20.448 211.21 19.84C210.122 19.2 208.954 18.88 207.706 18.88C206.458 18.88 205.306 19.184 204.25 19.792C203.194 20.4 202.33 21.296 201.658 22.48C201.018 23.632 200.698 25.008 200.698 26.608C200.698 28.208 201.018 29.616 201.658 30.832C202.33 32.016 203.194 32.928 204.25 33.568C205.338 34.208 206.49 34.528 207.706 34.528C208.954 34.528 210.122 34.224 211.21 33.616C212.298 32.976 213.162 32.08 213.802 30.928C214.442 29.744 214.762 28.336 214.762 26.704ZM242.829 13.024C245.997 13.024 248.557 14.032 250.509 16.048C252.461 18.032 253.437 20.816 253.437 24.4V40H246.717V25.312C246.717 23.2 246.189 21.584 245.133 20.464C244.077 19.312 242.637 18.736 240.813 18.736C238.957 18.736 237.485 19.312 236.397 20.464C235.341 21.584 234.813 23.2 234.813 25.312V40H228.093V13.408H234.813V16.72C235.709 15.568 236.845 14.672 238.221 14.032C239.629 13.36 241.165 13.024 242.829 13.024ZM287.62 6.496V40H280.9V25.744H266.548V40H259.828V6.496H266.548V20.272H280.9V6.496H287.62ZM292.506 26.608C292.506 23.92 293.034 21.536 294.09 19.456C295.178 17.376 296.634 15.776 298.458 14.656C300.314 13.536 302.378 12.976 304.65 12.976C306.634 12.976 308.362 13.376 309.834 14.176C311.338 14.976 312.538 15.984 313.434 17.2V13.408H320.202V40H313.434V36.112C312.57 37.36 311.37 38.4 309.834 39.232C308.33 40.032 306.586 40.432 304.602 40.432C302.362 40.432 300.314 39.856 298.458 38.704C296.634 37.552 295.178 35.936 294.09 33.856C293.034 31.744 292.506 29.328 292.506 26.608ZM313.434 26.704C313.434 25.072 313.114 23.68 312.474 22.528C311.834 21.344 310.97 20.448 309.882 19.84C308.794 19.2 307.626 18.88 306.378 18.88C305.13 18.88 303.978 19.184 302.922 19.792C301.866 20.4 301.002 21.296 300.33 22.48C299.69 23.632 299.37 25.008 299.37 26.608C299.37 28.208 299.69 29.616 300.33 30.832C301.002 32.016 301.866 32.928 302.922 33.568C304.01 34.208 305.162 34.528 306.378 34.528C307.626 34.528 308.794 34.224 309.882 33.616C310.97 32.976 311.834 32.08 312.474 30.928C313.114 29.744 313.434 28.336 313.434 26.704ZM325.037 26.704C325.037 23.952 325.597 21.552 326.717 19.504C327.837 17.424 329.389 15.824 331.373 14.704C333.357 13.552 335.629 12.976 338.189 12.976C341.485 12.976 344.205 13.808 346.349 15.472C348.525 17.104 349.981 19.408 350.717 22.384H343.469C343.085 21.232 342.429 20.336 341.501 19.696C340.605 19.024 339.485 18.688 338.141 18.688C336.221 18.688 334.701 19.392 333.581 20.8C332.461 22.176 331.901 24.144 331.901 26.704C331.901 29.232 332.461 31.2 333.581 32.608C334.701 33.984 336.221 34.672 338.141 34.672C340.861 34.672 342.637 33.456 343.469 31.024H350.717C349.981 33.904 348.525 36.192 346.349 37.888C344.173 39.584 341.453 40.432 338.189 40.432C335.629 40.432 333.357 39.872 331.373 38.752C329.389 37.6 327.837 36 326.717 33.952C325.597 31.872 325.037 29.456 325.037 26.704ZM371.384 40L362.36 28.672V40H355.64V4.48H362.36V24.688L371.288 13.408H380.024L368.312 26.752L380.12 40H371.384ZM393.847 40.432C391.671 40.432 389.719 40.048 387.991 39.28C386.263 38.48 384.887 37.408 383.863 36.064C382.871 34.72 382.327 33.232 382.231 31.6H388.999C389.127 32.624 389.623 33.472 390.487 34.144C391.383 34.816 392.487 35.152 393.799 35.152C395.079 35.152 396.071 34.896 396.775 34.384C397.511 33.872 397.879 33.216 397.879 32.416C397.879 31.552 397.431 30.912 396.535 30.496C395.671 30.048 394.279 29.568 392.359 29.056C390.375 28.576 388.743 28.08 387.463 27.568C386.215 27.056 385.127 26.272 384.199 25.216C383.303 24.16 382.855 22.736 382.855 20.944C382.855 19.472 383.271 18.128 384.103 16.912C384.967 15.696 386.183 14.736 387.751 14.032C389.351 13.328 391.223 12.976 393.367 12.976C396.535 12.976 399.063 13.776 400.951 15.376C402.839 16.944 403.879 19.072 404.071 21.76H397.639C397.543 20.704 397.095 19.872 396.295 19.264C395.527 18.624 394.487 18.304 393.175 18.304C391.959 18.304 391.015 18.528 390.343 18.976C389.703 19.424 389.383 20.048 389.383 20.848C389.383 21.744 389.831 22.432 390.727 22.912C391.623 23.36 393.015 23.824 394.903 24.304C396.823 24.784 398.407 25.28 399.655 25.792C400.903 26.304 401.975 27.104 402.871 28.192C403.799 29.248 404.279 30.656 404.311 32.416C404.311 33.952 403.879 35.328 403.015 36.544C402.183 37.76 400.967 38.72 399.367 39.424C397.799 40.096 395.959 40.432 393.847 40.432Z"
-              fill={styles.primaryTextColor}
-            />
-            <path
-              d="M420.772 28.275C421.255 27.6083 421.914 27.0667 422.747 26.65C423.597 26.2167 424.539 26 425.572 26C426.789 26 427.889 26.2917 428.872 26.875C429.855 27.4583 430.63 28.2917 431.197 29.375C431.764 30.4417 432.047 31.6667 432.047 33.05C432.047 34.4333 431.764 35.675 431.197 36.775C430.63 37.8583 429.847 38.7083 428.847 39.325C427.864 39.925 426.772 40.225 425.572 40.225C424.505 40.225 423.555 40.0167 422.722 39.6C421.905 39.1833 421.255 38.65 420.772 38V40H417.922V21.5H420.772V28.275ZM429.147 33.05C429.147 32.1 428.947 31.2833 428.547 30.6C428.164 29.9 427.647 29.375 426.997 29.025C426.364 28.6583 425.68 28.475 424.947 28.475C424.23 28.475 423.547 28.6583 422.897 29.025C422.264 29.3917 421.747 29.925 421.347 30.625C420.964 31.325 420.772 32.15 420.772 33.1C420.772 34.05 420.964 34.8833 421.347 35.6C421.747 36.3 422.264 36.8333 422.897 37.2C423.547 37.5667 424.23 37.75 424.947 37.75C425.68 37.75 426.364 37.5667 426.997 37.2C427.647 36.8167 428.164 36.2667 428.547 35.55C428.947 34.8333 429.147 34 429.147 33.05ZM447.265 26.225L438.815 46.475H435.865L438.665 39.775L433.24 26.225H436.415L440.29 36.725L444.315 26.225H447.265ZM467.837 40.252C466.157 40.252 464.645 39.964 463.301 39.388C461.957 38.788 460.901 37.948 460.133 36.868C459.365 35.788 458.981 34.528 458.981 33.088H463.373C463.469 34.168 463.889 35.056 464.633 35.752C465.401 36.448 466.469 36.796 467.837 36.796C469.253 36.796 470.357 36.46 471.149 35.788C471.941 35.092 472.337 34.204 472.337 33.124C472.337 32.284 472.085 31.6 471.581 31.072C471.101 30.544 470.489 30.136 469.745 29.848C469.025 29.56 468.017 29.248 466.721 28.912C465.089 28.48 463.757 28.048 462.725 27.616C461.717 27.16 460.853 26.464 460.133 25.528C459.413 24.592 459.053 23.344 459.053 21.784C459.053 20.344 459.413 19.084 460.133 18.004C460.853 16.924 461.861 16.096 463.157 15.52C464.453 14.944 465.953 14.656 467.657 14.656C470.081 14.656 472.061 15.268 473.597 16.492C475.157 17.692 476.021 19.348 476.189 21.46H471.653C471.581 20.548 471.149 19.768 470.357 19.12C469.565 18.472 468.521 18.148 467.225 18.148C466.049 18.148 465.089 18.448 464.345 19.048C463.601 19.648 463.229 20.512 463.229 21.64C463.229 22.408 463.457 23.044 463.913 23.548C464.393 24.028 464.993 24.412 465.713 24.7C466.433 24.988 467.417 25.3 468.665 25.636C470.321 26.092 471.665 26.548 472.697 27.004C473.753 27.46 474.641 28.168 475.361 29.128C476.105 30.064 476.477 31.324 476.477 32.908C476.477 34.18 476.129 35.38 475.433 36.508C474.761 37.636 473.765 38.548 472.445 39.244C471.149 39.916 469.613 40.252 467.837 40.252ZM479.951 30.064C479.951 28.024 480.359 26.236 481.175 24.7C482.015 23.14 483.167 21.94 484.631 21.1C486.095 20.26 487.775 19.84 489.671 19.84C492.071 19.84 494.051 20.416 495.611 21.568C497.195 22.696 498.263 24.316 498.815 26.428H494.387C494.027 25.444 493.451 24.676 492.659 24.124C491.867 23.572 490.871 23.296 489.671 23.296C487.991 23.296 486.647 23.896 485.639 25.096C484.655 26.272 484.163 27.928 484.163 30.064C484.163 32.2 484.655 33.868 485.639 35.068C486.647 36.268 487.991 36.868 489.671 36.868C492.047 36.868 493.619 35.824 494.387 33.736H498.815C498.239 35.752 497.159 37.36 495.575 38.56C493.991 39.736 492.023 40.324 489.671 40.324C487.775 40.324 486.095 39.904 484.631 39.064C483.167 38.2 482.015 37 481.175 35.464C480.359 33.904 479.951 32.104 479.951 30.064ZM511.509 40.324C509.637 40.324 507.945 39.904 506.433 39.064C504.921 38.2 503.733 37 502.869 35.464C502.005 33.904 501.573 32.104 501.573 30.064C501.573 28.048 502.017 26.26 502.905 24.7C503.793 23.14 505.005 21.94 506.541 21.1C508.077 20.26 509.793 19.84 511.689 19.84C513.585 19.84 515.301 20.26 516.837 21.1C518.373 21.94 519.585 23.14 520.473 24.7C521.361 26.26 521.805 28.048 521.805 30.064C521.805 32.08 521.349 33.868 520.437 35.428C519.525 36.988 518.277 38.2 516.693 39.064C515.133 39.904 513.405 40.324 511.509 40.324ZM511.509 36.76C512.565 36.76 513.549 36.508 514.461 36.004C515.397 35.5 516.153 34.744 516.729 33.736C517.305 32.728 517.593 31.504 517.593 30.064C517.593 28.624 517.317 27.412 516.765 26.428C516.213 25.42 515.481 24.664 514.569 24.16C513.657 23.656 512.673 23.404 511.617 23.404C510.561 23.404 509.577 23.656 508.665 24.16C507.777 24.664 507.069 25.42 506.541 26.428C506.013 27.412 505.749 28.624 505.749 30.064C505.749 32.2 506.289 33.856 507.369 35.032C508.473 36.184 509.853 36.76 511.509 36.76ZM530.65 23.512V34.492C530.65 35.236 530.818 35.776 531.154 36.112C531.514 36.424 532.114 36.58 532.954 36.58H535.474V40H532.234C530.386 40 528.97 39.568 527.986 38.704C527.002 37.84 526.51 36.436 526.51 34.492V23.512H524.17V20.164H526.51V15.232H530.65V20.164H535.474V23.512H530.65ZM544.045 23.512V34.492C544.045 35.236 544.213 35.776 544.549 36.112C544.909 36.424 545.509 36.58 546.349 36.58H548.869V40H545.629C543.781 40 542.365 39.568 541.381 38.704C540.397 37.84 539.905 36.436 539.905 34.492V23.512H537.565V20.164H539.905V15.232H544.045V20.164H548.869V23.512H544.045ZM570.507 20.164L558.339 49.324H554.091L558.123 39.676L550.311 20.164H554.883L560.463 35.284L566.259 20.164H570.507ZM577.708 13.36V40H573.604V13.36H577.708ZM581.728 29.992C581.728 28 582.136 26.236 582.952 24.7C583.792 23.164 584.92 21.976 586.336 21.136C587.776 20.272 589.36 19.84 591.088 19.84C592.648 19.84 594.004 20.152 595.156 20.776C596.332 21.376 597.268 22.132 597.964 23.044V20.164H602.104V40H597.964V37.048C597.268 37.984 596.32 38.764 595.12 39.388C593.92 40.012 592.552 40.324 591.016 40.324C589.312 40.324 587.752 39.892 586.336 39.028C584.92 38.14 583.792 36.916 582.952 35.356C582.136 33.772 581.728 31.984 581.728 29.992ZM597.964 30.064C597.964 28.696 597.676 27.508 597.1 26.5C596.548 25.492 595.816 24.724 594.904 24.196C593.992 23.668 593.008 23.404 591.952 23.404C590.896 23.404 589.912 23.668 589 24.196C588.088 24.7 587.344 25.456 586.768 26.464C586.216 27.448 585.94 28.624 585.94 29.992C585.94 31.36 586.216 32.56 586.768 33.592C587.344 34.624 588.088 35.416 589 35.968C589.936 36.496 590.92 36.76 591.952 36.76C593.008 36.76 593.992 36.496 594.904 35.968C595.816 35.44 596.548 34.672 597.1 33.664C597.676 32.632 597.964 31.432 597.964 30.064ZM611.599 23.116C612.295 22.156 613.243 21.376 614.443 20.776C615.667 20.152 617.023 19.84 618.511 19.84C620.263 19.84 621.847 20.26 623.263 21.1C624.679 21.94 625.795 23.14 626.611 24.7C627.427 26.236 627.835 28 627.835 29.992C627.835 31.984 627.427 33.772 626.611 35.356C625.795 36.916 624.667 38.14 623.227 39.028C621.811 39.892 620.239 40.324 618.511 40.324C616.975 40.324 615.607 40.024 614.407 39.424C613.231 38.824 612.295 38.056 611.599 37.12V40H607.495V13.36H611.599V23.116ZM623.659 29.992C623.659 28.624 623.371 27.448 622.795 26.464C622.243 25.456 621.499 24.7 620.563 24.196C619.651 23.668 618.667 23.404 617.611 23.404C616.579 23.404 615.595 23.668 614.659 24.196C613.747 24.724 613.003 25.492 612.427 26.5C611.875 27.508 611.599 28.696 611.599 30.064C611.599 31.432 611.875 32.632 612.427 33.664C613.003 34.672 613.747 35.44 614.659 35.968C615.595 36.496 616.579 36.76 617.611 36.76C618.667 36.76 619.651 36.496 620.563 35.968C621.499 35.416 622.243 34.624 622.795 33.592C623.371 32.56 623.659 31.36 623.659 29.992ZM639.093 40.324C637.533 40.324 636.129 40.048 634.881 39.496C633.657 38.92 632.685 38.152 631.965 37.192C631.245 36.208 630.861 35.116 630.813 33.916H635.061C635.133 34.756 635.529 35.464 636.249 36.04C636.993 36.592 637.917 36.868 639.021 36.868C640.173 36.868 641.061 36.652 641.685 36.22C642.333 35.764 642.657 35.188 642.657 34.492C642.657 33.748 642.297 33.196 641.577 32.836C640.881 32.476 639.765 32.08 638.229 31.648C636.741 31.24 635.529 30.844 634.593 30.46C633.657 30.076 632.841 29.488 632.145 28.696C631.473 27.904 631.137 26.86 631.137 25.564C631.137 24.508 631.449 23.548 632.073 22.684C632.697 21.796 633.585 21.1 634.737 20.596C635.913 20.092 637.257 19.84 638.769 19.84C641.025 19.84 642.837 20.416 644.205 21.568C645.597 22.696 646.341 24.244 646.437 26.212H642.333C642.261 25.324 641.901 24.616 641.253 24.088C640.605 23.56 639.729 23.296 638.625 23.296C637.545 23.296 636.717 23.5 636.141 23.908C635.565 24.316 635.277 24.856 635.277 25.528C635.277 26.056 635.469 26.5 635.853 26.86C636.237 27.22 636.705 27.508 637.257 27.724C637.809 27.916 638.625 28.168 639.705 28.48C641.145 28.864 642.321 29.26 643.233 29.668C644.169 30.052 644.973 30.628 645.645 31.396C646.317 32.164 646.665 33.184 646.689 34.456C646.689 35.584 646.377 36.592 645.753 37.48C645.129 38.368 644.241 39.064 643.089 39.568C641.961 40.072 640.629 40.324 639.093 40.324Z"
-              fill={styles.secondaryTextColor}
-            />
-            <path
-              d="M115.1 59.625V61.95H107.725V67.075H113.475V69.4H107.725V77H104.875V59.625H115.1ZM130.366 69.775C130.366 70.2917 130.333 70.7583 130.266 71.175H119.741C119.825 72.275 120.233 73.1583 120.966 73.825C121.7 74.4917 122.6 74.825 123.666 74.825C125.2 74.825 126.283 74.1833 126.916 72.9H129.991C129.575 74.1667 128.816 75.2083 127.716 76.025C126.633 76.825 125.283 77.225 123.666 77.225C122.35 77.225 121.166 76.9333 120.116 76.35C119.083 75.75 118.266 74.9167 117.666 73.85C117.083 72.7667 116.791 71.5167 116.791 70.1C116.791 68.6833 117.075 67.4417 117.641 66.375C118.225 65.2917 119.033 64.4583 120.066 63.875C121.116 63.2917 122.316 63 123.666 63C124.966 63 126.125 63.2833 127.141 63.85C128.158 64.4167 128.95 65.2167 129.516 66.25C130.083 67.2667 130.366 68.4417 130.366 69.775ZM127.391 68.875C127.375 67.825 127 66.9833 126.266 66.35C125.533 65.7167 124.625 65.4 123.541 65.4C122.558 65.4 121.716 65.7167 121.016 66.35C120.316 66.9667 119.9 67.8083 119.766 68.875H127.391ZM136.021 65.275C136.504 64.6083 137.163 64.0667 137.996 63.65C138.846 63.2167 139.788 63 140.821 63C142.038 63 143.138 63.2917 144.121 63.875C145.104 64.4583 145.879 65.2917 146.446 66.375C147.013 67.4417 147.296 68.6667 147.296 70.05C147.296 71.4333 147.013 72.675 146.446 73.775C145.879 74.8583 145.096 75.7083 144.096 76.325C143.113 76.925 142.021 77.225 140.821 77.225C139.754 77.225 138.804 77.0167 137.971 76.6C137.154 76.1833 136.504 75.65 136.021 75V77H133.171V58.5H136.021V65.275ZM144.396 70.05C144.396 69.1 144.196 68.2833 143.796 67.6C143.413 66.9 142.896 66.375 142.246 66.025C141.613 65.6583 140.929 65.475 140.196 65.475C139.479 65.475 138.796 65.6583 138.146 66.025C137.513 66.3917 136.996 66.925 136.596 67.625C136.213 68.325 136.021 69.15 136.021 70.1C136.021 71.05 136.213 71.8833 136.596 72.6C136.996 73.3 137.513 73.8333 138.146 74.2C138.796 74.5667 139.479 74.75 140.196 74.75C140.929 74.75 141.613 74.5667 142.246 74.2C142.896 73.8167 143.413 73.2667 143.796 72.55C144.196 71.8333 144.396 71 144.396 70.05ZM155.883 73.2V71.05L164.283 59H167.733V70.725H170.058V73.2H167.733V77H164.933V73.2H155.883ZM165.058 61.9L159.158 70.725H165.058V61.9ZM183.37 66.75V69.15H173.095V66.75H183.37ZM196.844 63C196.661 62.2333 196.327 61.6583 195.844 61.275C195.361 60.8917 194.686 60.7 193.819 60.7C192.502 60.7 191.519 61.2083 190.869 62.225C190.219 63.225 189.877 64.8917 189.844 67.225C190.277 66.4917 190.911 65.925 191.744 65.525C192.577 65.125 193.477 64.925 194.444 64.925C195.544 64.925 196.511 65.1667 197.344 65.65C198.194 66.1167 198.852 66.8 199.319 67.7C199.802 68.6 200.044 69.675 200.044 70.925C200.044 72.0917 199.811 73.1333 199.344 74.05C198.894 74.9667 198.219 75.6917 197.319 76.225C196.419 76.7417 195.336 77 194.069 77C192.352 77 191.002 76.625 190.019 75.875C189.052 75.1083 188.369 74.0333 187.969 72.65C187.586 71.2667 187.394 69.5417 187.394 67.475C187.394 61.375 189.544 58.325 193.844 58.325C195.511 58.325 196.819 58.775 197.769 59.675C198.736 60.575 199.302 61.6833 199.469 63H196.844ZM193.819 67.325C192.802 67.325 191.936 67.6333 191.219 68.25C190.519 68.85 190.169 69.725 190.169 70.875C190.169 72.025 190.494 72.9417 191.144 73.625C191.811 74.2917 192.736 74.625 193.919 74.625C194.969 74.625 195.794 74.3 196.394 73.65C197.011 73 197.319 72.1333 197.319 71.05C197.319 69.9167 197.019 69.0167 196.419 68.35C195.836 67.6667 194.969 67.325 193.819 67.325ZM206.584 73.575L203.559 80.475H201.709L203.484 73.575H206.584ZM216.768 73.125C218.368 71.7417 219.627 70.6083 220.543 69.725C221.477 68.825 222.252 67.8917 222.868 66.925C223.485 65.9583 223.793 64.9917 223.793 64.025C223.793 63.025 223.552 62.2417 223.068 61.675C222.602 61.1083 221.86 60.825 220.843 60.825C219.86 60.825 219.093 61.1417 218.543 61.775C218.01 62.3917 217.727 63.225 217.693 64.275H214.943C214.993 62.375 215.56 60.925 216.643 59.925C217.743 58.9083 219.135 58.4 220.818 58.4C222.635 58.4 224.052 58.9 225.068 59.9C226.102 60.9 226.618 62.2333 226.618 63.9C226.618 65.1 226.31 66.2583 225.693 67.375C225.093 68.475 224.368 69.4667 223.518 70.35C222.685 71.2167 221.618 72.225 220.318 73.375L219.193 74.375H227.118V76.75H214.968V74.675L216.768 73.125ZM229.622 67.65C229.622 64.7667 230.105 62.5167 231.072 60.9C232.055 59.2667 233.739 58.45 236.122 58.45C238.505 58.45 240.18 59.2667 241.147 60.9C242.13 62.5167 242.622 64.7667 242.622 67.65C242.622 70.5667 242.13 72.85 241.147 74.5C240.18 76.1333 238.505 76.95 236.122 76.95C233.739 76.95 232.055 76.1333 231.072 74.5C230.105 72.85 229.622 70.5667 229.622 67.65ZM239.822 67.65C239.822 66.3 239.73 65.1583 239.547 64.225C239.38 63.2917 239.03 62.5333 238.497 61.95C237.964 61.35 237.172 61.05 236.122 61.05C235.072 61.05 234.28 61.35 233.747 61.95C233.214 62.5333 232.855 63.2917 232.672 64.225C232.505 65.1583 232.422 66.3 232.422 67.65C232.422 69.05 232.505 70.225 232.672 71.175C232.839 72.125 233.189 72.8917 233.722 73.475C234.272 74.0583 235.072 74.35 236.122 74.35C237.172 74.35 237.964 74.0583 238.497 73.475C239.047 72.8917 239.405 72.125 239.572 71.175C239.739 70.225 239.822 69.05 239.822 67.65ZM247.213 73.125C248.813 71.7417 250.071 70.6083 250.988 69.725C251.921 68.825 252.696 67.8917 253.313 66.925C253.929 65.9583 254.238 64.9917 254.238 64.025C254.238 63.025 253.996 62.2417 253.513 61.675C253.046 61.1083 252.304 60.825 251.288 60.825C250.304 60.825 249.538 61.1417 248.988 61.775C248.454 62.3917 248.171 63.225 248.138 64.275H245.388C245.438 62.375 246.004 60.925 247.088 59.925C248.188 58.9083 249.579 58.4 251.263 58.4C253.079 58.4 254.496 58.9 255.513 59.9C256.546 60.9 257.063 62.2333 257.063 63.9C257.063 65.1 256.754 66.2583 256.138 67.375C255.538 68.475 254.813 69.4667 253.963 70.35C253.129 71.2167 252.063 72.225 250.763 73.375L249.638 74.375H257.563V76.75H245.413V74.675L247.213 73.125ZM261.641 73.125C263.241 71.7417 264.5 70.6083 265.416 69.725C266.35 68.825 267.125 67.8917 267.741 66.925C268.358 65.9583 268.666 64.9917 268.666 64.025C268.666 63.025 268.425 62.2417 267.941 61.675C267.475 61.1083 266.733 60.825 265.716 60.825C264.733 60.825 263.966 61.1417 263.416 61.775C262.883 62.3917 262.6 63.225 262.566 64.275H259.816C259.866 62.375 260.433 60.925 261.516 59.925C262.616 58.9083 264.008 58.4 265.691 58.4C267.508 58.4 268.925 58.9 269.941 59.9C270.975 60.9 271.491 62.2333 271.491 63.9C271.491 65.1 271.183 66.2583 270.566 67.375C269.966 68.475 269.241 69.4667 268.391 70.35C267.558 71.2167 266.491 72.225 265.191 73.375L264.066 74.375H271.991V76.75H259.841V74.675L261.641 73.125Z"
-              fill={styles.secondaryTextColor}
-            />
-            <TartanHacksIcon
-              width="75"
-              height="65"
-              transform="translate(0 8)"
-            />
-          </svg>
-        </Link>
-      </NextLink>
-    </div>
-  )
-}
+	return (
+		<div className={styles.pageHeader}>
+			<NextLink href="/" passHref>
+				<Link>
+					<svg
+						width="100%"
+						viewBox="0 0 716 92"
+						fill="none"
+						xmlns="http://www.w3.org/2000/svg"
+					>
+						<path
+							d="M120.112 6.496V11.92H111.184V40H104.464V11.92H95.536V6.496H120.112ZM123.287 26.608C123.287 23.92 123.815 21.536 124.871 19.456C125.959 17.376 127.415 15.776 129.239 14.656C131.095 13.536 133.159 12.976 135.431 12.976C137.415 12.976 139.143 13.376 140.615 14.176C142.119 14.976 143.319 15.984 144.215 17.2V13.408H150.983V40H144.215V36.112C143.351 37.36 142.151 38.4 140.615 39.232C139.111 40.032 137.367 40.432 135.383 40.432C133.143 40.432 131.095 39.856 129.239 38.704C127.415 37.552 125.959 35.936 124.871 33.856C123.815 31.744 123.287 29.328 123.287 26.608ZM144.215 26.704C144.215 25.072 143.895 23.68 143.255 22.528C142.615 21.344 141.751 20.448 140.663 19.84C139.575 19.2 138.407 18.88 137.159 18.88C135.911 18.88 134.759 19.184 133.703 19.792C132.647 20.4 131.783 21.296 131.111 22.48C130.471 23.632 130.151 25.008 130.151 26.608C130.151 28.208 130.471 29.616 131.111 30.832C131.783 32.016 132.647 32.928 133.703 33.568C134.791 34.208 135.943 34.528 137.159 34.528C138.407 34.528 139.575 34.224 140.663 33.616C141.751 32.976 142.615 32.08 143.255 30.928C143.895 29.744 144.215 28.336 144.215 26.704ZM164.266 17.536C165.13 16.128 166.25 15.024 167.626 14.224C169.034 13.424 170.634 13.024 172.426 13.024V20.08H170.65C168.538 20.08 166.938 20.576 165.85 21.568C164.794 22.56 164.266 24.288 164.266 26.752V40H157.546V13.408H164.266V17.536ZM184.777 18.928V31.792C184.777 32.688 184.985 33.344 185.401 33.76C185.849 34.144 186.585 34.336 187.609 34.336H190.729V40H186.505C180.841 40 178.009 37.248 178.009 31.744V18.928H174.841V13.408H178.009V6.832H184.777V13.408H190.729V18.928H184.777ZM193.834 26.608C193.834 23.92 194.362 21.536 195.418 19.456C196.506 17.376 197.962 15.776 199.786 14.656C201.642 13.536 203.706 12.976 205.978 12.976C207.962 12.976 209.69 13.376 211.162 14.176C212.666 14.976 213.866 15.984 214.762 17.2V13.408H221.53V40H214.762V36.112C213.898 37.36 212.698 38.4 211.162 39.232C209.658 40.032 207.914 40.432 205.93 40.432C203.69 40.432 201.642 39.856 199.786 38.704C197.962 37.552 196.506 35.936 195.418 33.856C194.362 31.744 193.834 29.328 193.834 26.608ZM214.762 26.704C214.762 25.072 214.442 23.68 213.802 22.528C213.162 21.344 212.298 20.448 211.21 19.84C210.122 19.2 208.954 18.88 207.706 18.88C206.458 18.88 205.306 19.184 204.25 19.792C203.194 20.4 202.33 21.296 201.658 22.48C201.018 23.632 200.698 25.008 200.698 26.608C200.698 28.208 201.018 29.616 201.658 30.832C202.33 32.016 203.194 32.928 204.25 33.568C205.338 34.208 206.49 34.528 207.706 34.528C208.954 34.528 210.122 34.224 211.21 33.616C212.298 32.976 213.162 32.08 213.802 30.928C214.442 29.744 214.762 28.336 214.762 26.704ZM242.829 13.024C245.997 13.024 248.557 14.032 250.509 16.048C252.461 18.032 253.437 20.816 253.437 24.4V40H246.717V25.312C246.717 23.2 246.189 21.584 245.133 20.464C244.077 19.312 242.637 18.736 240.813 18.736C238.957 18.736 237.485 19.312 236.397 20.464C235.341 21.584 234.813 23.2 234.813 25.312V40H228.093V13.408H234.813V16.72C235.709 15.568 236.845 14.672 238.221 14.032C239.629 13.36 241.165 13.024 242.829 13.024ZM287.62 6.496V40H280.9V25.744H266.548V40H259.828V6.496H266.548V20.272H280.9V6.496H287.62ZM292.506 26.608C292.506 23.92 293.034 21.536 294.09 19.456C295.178 17.376 296.634 15.776 298.458 14.656C300.314 13.536 302.378 12.976 304.65 12.976C306.634 12.976 308.362 13.376 309.834 14.176C311.338 14.976 312.538 15.984 313.434 17.2V13.408H320.202V40H313.434V36.112C312.57 37.36 311.37 38.4 309.834 39.232C308.33 40.032 306.586 40.432 304.602 40.432C302.362 40.432 300.314 39.856 298.458 38.704C296.634 37.552 295.178 35.936 294.09 33.856C293.034 31.744 292.506 29.328 292.506 26.608ZM313.434 26.704C313.434 25.072 313.114 23.68 312.474 22.528C311.834 21.344 310.97 20.448 309.882 19.84C308.794 19.2 307.626 18.88 306.378 18.88C305.13 18.88 303.978 19.184 302.922 19.792C301.866 20.4 301.002 21.296 300.33 22.48C299.69 23.632 299.37 25.008 299.37 26.608C299.37 28.208 299.69 29.616 300.33 30.832C301.002 32.016 301.866 32.928 302.922 33.568C304.01 34.208 305.162 34.528 306.378 34.528C307.626 34.528 308.794 34.224 309.882 33.616C310.97 32.976 311.834 32.08 312.474 30.928C313.114 29.744 313.434 28.336 313.434 26.704ZM325.037 26.704C325.037 23.952 325.597 21.552 326.717 19.504C327.837 17.424 329.389 15.824 331.373 14.704C333.357 13.552 335.629 12.976 338.189 12.976C341.485 12.976 344.205 13.808 346.349 15.472C348.525 17.104 349.981 19.408 350.717 22.384H343.469C343.085 21.232 342.429 20.336 341.501 19.696C340.605 19.024 339.485 18.688 338.141 18.688C336.221 18.688 334.701 19.392 333.581 20.8C332.461 22.176 331.901 24.144 331.901 26.704C331.901 29.232 332.461 31.2 333.581 32.608C334.701 33.984 336.221 34.672 338.141 34.672C340.861 34.672 342.637 33.456 343.469 31.024H350.717C349.981 33.904 348.525 36.192 346.349 37.888C344.173 39.584 341.453 40.432 338.189 40.432C335.629 40.432 333.357 39.872 331.373 38.752C329.389 37.6 327.837 36 326.717 33.952C325.597 31.872 325.037 29.456 325.037 26.704ZM371.384 40L362.36 28.672V40H355.64V4.48H362.36V24.688L371.288 13.408H380.024L368.312 26.752L380.12 40H371.384ZM393.847 40.432C391.671 40.432 389.719 40.048 387.991 39.28C386.263 38.48 384.887 37.408 383.863 36.064C382.871 34.72 382.327 33.232 382.231 31.6H388.999C389.127 32.624 389.623 33.472 390.487 34.144C391.383 34.816 392.487 35.152 393.799 35.152C395.079 35.152 396.071 34.896 396.775 34.384C397.511 33.872 397.879 33.216 397.879 32.416C397.879 31.552 397.431 30.912 396.535 30.496C395.671 30.048 394.279 29.568 392.359 29.056C390.375 28.576 388.743 28.08 387.463 27.568C386.215 27.056 385.127 26.272 384.199 25.216C383.303 24.16 382.855 22.736 382.855 20.944C382.855 19.472 383.271 18.128 384.103 16.912C384.967 15.696 386.183 14.736 387.751 14.032C389.351 13.328 391.223 12.976 393.367 12.976C396.535 12.976 399.063 13.776 400.951 15.376C402.839 16.944 403.879 19.072 404.071 21.76H397.639C397.543 20.704 397.095 19.872 396.295 19.264C395.527 18.624 394.487 18.304 393.175 18.304C391.959 18.304 391.015 18.528 390.343 18.976C389.703 19.424 389.383 20.048 389.383 20.848C389.383 21.744 389.831 22.432 390.727 22.912C391.623 23.36 393.015 23.824 394.903 24.304C396.823 24.784 398.407 25.28 399.655 25.792C400.903 26.304 401.975 27.104 402.871 28.192C403.799 29.248 404.279 30.656 404.311 32.416C404.311 33.952 403.879 35.328 403.015 36.544C402.183 37.76 400.967 38.72 399.367 39.424C397.799 40.096 395.959 40.432 393.847 40.432Z"
+							fill={styles.primaryTextColor}
+						/>
+						<path
+							d="M420.772 28.275C421.255 27.6083 421.914 27.0667 422.747 26.65C423.597 26.2167 424.539 26 425.572 26C426.789 26 427.889 26.2917 428.872 26.875C429.855 27.4583 430.63 28.2917 431.197 29.375C431.764 30.4417 432.047 31.6667 432.047 33.05C432.047 34.4333 431.764 35.675 431.197 36.775C430.63 37.8583 429.847 38.7083 428.847 39.325C427.864 39.925 426.772 40.225 425.572 40.225C424.505 40.225 423.555 40.0167 422.722 39.6C421.905 39.1833 421.255 38.65 420.772 38V40H417.922V21.5H420.772V28.275ZM429.147 33.05C429.147 32.1 428.947 31.2833 428.547 30.6C428.164 29.9 427.647 29.375 426.997 29.025C426.364 28.6583 425.68 28.475 424.947 28.475C424.23 28.475 423.547 28.6583 422.897 29.025C422.264 29.3917 421.747 29.925 421.347 30.625C420.964 31.325 420.772 32.15 420.772 33.1C420.772 34.05 420.964 34.8833 421.347 35.6C421.747 36.3 422.264 36.8333 422.897 37.2C423.547 37.5667 424.23 37.75 424.947 37.75C425.68 37.75 426.364 37.5667 426.997 37.2C427.647 36.8167 428.164 36.2667 428.547 35.55C428.947 34.8333 429.147 34 429.147 33.05ZM447.265 26.225L438.815 46.475H435.865L438.665 39.775L433.24 26.225H436.415L440.29 36.725L444.315 26.225H447.265ZM467.837 40.252C466.157 40.252 464.645 39.964 463.301 39.388C461.957 38.788 460.901 37.948 460.133 36.868C459.365 35.788 458.981 34.528 458.981 33.088H463.373C463.469 34.168 463.889 35.056 464.633 35.752C465.401 36.448 466.469 36.796 467.837 36.796C469.253 36.796 470.357 36.46 471.149 35.788C471.941 35.092 472.337 34.204 472.337 33.124C472.337 32.284 472.085 31.6 471.581 31.072C471.101 30.544 470.489 30.136 469.745 29.848C469.025 29.56 468.017 29.248 466.721 28.912C465.089 28.48 463.757 28.048 462.725 27.616C461.717 27.16 460.853 26.464 460.133 25.528C459.413 24.592 459.053 23.344 459.053 21.784C459.053 20.344 459.413 19.084 460.133 18.004C460.853 16.924 461.861 16.096 463.157 15.52C464.453 14.944 465.953 14.656 467.657 14.656C470.081 14.656 472.061 15.268 473.597 16.492C475.157 17.692 476.021 19.348 476.189 21.46H471.653C471.581 20.548 471.149 19.768 470.357 19.12C469.565 18.472 468.521 18.148 467.225 18.148C466.049 18.148 465.089 18.448 464.345 19.048C463.601 19.648 463.229 20.512 463.229 21.64C463.229 22.408 463.457 23.044 463.913 23.548C464.393 24.028 464.993 24.412 465.713 24.7C466.433 24.988 467.417 25.3 468.665 25.636C470.321 26.092 471.665 26.548 472.697 27.004C473.753 27.46 474.641 28.168 475.361 29.128C476.105 30.064 476.477 31.324 476.477 32.908C476.477 34.18 476.129 35.38 475.433 36.508C474.761 37.636 473.765 38.548 472.445 39.244C471.149 39.916 469.613 40.252 467.837 40.252ZM479.951 30.064C479.951 28.024 480.359 26.236 481.175 24.7C482.015 23.14 483.167 21.94 484.631 21.1C486.095 20.26 487.775 19.84 489.671 19.84C492.071 19.84 494.051 20.416 495.611 21.568C497.195 22.696 498.263 24.316 498.815 26.428H494.387C494.027 25.444 493.451 24.676 492.659 24.124C491.867 23.572 490.871 23.296 489.671 23.296C487.991 23.296 486.647 23.896 485.639 25.096C484.655 26.272 484.163 27.928 484.163 30.064C484.163 32.2 484.655 33.868 485.639 35.068C486.647 36.268 487.991 36.868 489.671 36.868C492.047 36.868 493.619 35.824 494.387 33.736H498.815C498.239 35.752 497.159 37.36 495.575 38.56C493.991 39.736 492.023 40.324 489.671 40.324C487.775 40.324 486.095 39.904 484.631 39.064C483.167 38.2 482.015 37 481.175 35.464C480.359 33.904 479.951 32.104 479.951 30.064ZM511.509 40.324C509.637 40.324 507.945 39.904 506.433 39.064C504.921 38.2 503.733 37 502.869 35.464C502.005 33.904 501.573 32.104 501.573 30.064C501.573 28.048 502.017 26.26 502.905 24.7C503.793 23.14 505.005 21.94 506.541 21.1C508.077 20.26 509.793 19.84 511.689 19.84C513.585 19.84 515.301 20.26 516.837 21.1C518.373 21.94 519.585 23.14 520.473 24.7C521.361 26.26 521.805 28.048 521.805 30.064C521.805 32.08 521.349 33.868 520.437 35.428C519.525 36.988 518.277 38.2 516.693 39.064C515.133 39.904 513.405 40.324 511.509 40.324ZM511.509 36.76C512.565 36.76 513.549 36.508 514.461 36.004C515.397 35.5 516.153 34.744 516.729 33.736C517.305 32.728 517.593 31.504 517.593 30.064C517.593 28.624 517.317 27.412 516.765 26.428C516.213 25.42 515.481 24.664 514.569 24.16C513.657 23.656 512.673 23.404 511.617 23.404C510.561 23.404 509.577 23.656 508.665 24.16C507.777 24.664 507.069 25.42 506.541 26.428C506.013 27.412 505.749 28.624 505.749 30.064C505.749 32.2 506.289 33.856 507.369 35.032C508.473 36.184 509.853 36.76 511.509 36.76ZM530.65 23.512V34.492C530.65 35.236 530.818 35.776 531.154 36.112C531.514 36.424 532.114 36.58 532.954 36.58H535.474V40H532.234C530.386 40 528.97 39.568 527.986 38.704C527.002 37.84 526.51 36.436 526.51 34.492V23.512H524.17V20.164H526.51V15.232H530.65V20.164H535.474V23.512H530.65ZM544.045 23.512V34.492C544.045 35.236 544.213 35.776 544.549 36.112C544.909 36.424 545.509 36.58 546.349 36.58H548.869V40H545.629C543.781 40 542.365 39.568 541.381 38.704C540.397 37.84 539.905 36.436 539.905 34.492V23.512H537.565V20.164H539.905V15.232H544.045V20.164H548.869V23.512H544.045ZM570.507 20.164L558.339 49.324H554.091L558.123 39.676L550.311 20.164H554.883L560.463 35.284L566.259 20.164H570.507ZM577.708 13.36V40H573.604V13.36H577.708ZM581.728 29.992C581.728 28 582.136 26.236 582.952 24.7C583.792 23.164 584.92 21.976 586.336 21.136C587.776 20.272 589.36 19.84 591.088 19.84C592.648 19.84 594.004 20.152 595.156 20.776C596.332 21.376 597.268 22.132 597.964 23.044V20.164H602.104V40H597.964V37.048C597.268 37.984 596.32 38.764 595.12 39.388C593.92 40.012 592.552 40.324 591.016 40.324C589.312 40.324 587.752 39.892 586.336 39.028C584.92 38.14 583.792 36.916 582.952 35.356C582.136 33.772 581.728 31.984 581.728 29.992ZM597.964 30.064C597.964 28.696 597.676 27.508 597.1 26.5C596.548 25.492 595.816 24.724 594.904 24.196C593.992 23.668 593.008 23.404 591.952 23.404C590.896 23.404 589.912 23.668 589 24.196C588.088 24.7 587.344 25.456 586.768 26.464C586.216 27.448 585.94 28.624 585.94 29.992C585.94 31.36 586.216 32.56 586.768 33.592C587.344 34.624 588.088 35.416 589 35.968C589.936 36.496 590.92 36.76 591.952 36.76C593.008 36.76 593.992 36.496 594.904 35.968C595.816 35.44 596.548 34.672 597.1 33.664C597.676 32.632 597.964 31.432 597.964 30.064ZM611.599 23.116C612.295 22.156 613.243 21.376 614.443 20.776C615.667 20.152 617.023 19.84 618.511 19.84C620.263 19.84 621.847 20.26 623.263 21.1C624.679 21.94 625.795 23.14 626.611 24.7C627.427 26.236 627.835 28 627.835 29.992C627.835 31.984 627.427 33.772 626.611 35.356C625.795 36.916 624.667 38.14 623.227 39.028C621.811 39.892 620.239 40.324 618.511 40.324C616.975 40.324 615.607 40.024 614.407 39.424C613.231 38.824 612.295 38.056 611.599 37.12V40H607.495V13.36H611.599V23.116ZM623.659 29.992C623.659 28.624 623.371 27.448 622.795 26.464C622.243 25.456 621.499 24.7 620.563 24.196C619.651 23.668 618.667 23.404 617.611 23.404C616.579 23.404 615.595 23.668 614.659 24.196C613.747 24.724 613.003 25.492 612.427 26.5C611.875 27.508 611.599 28.696 611.599 30.064C611.599 31.432 611.875 32.632 612.427 33.664C613.003 34.672 613.747 35.44 614.659 35.968C615.595 36.496 616.579 36.76 617.611 36.76C618.667 36.76 619.651 36.496 620.563 35.968C621.499 35.416 622.243 34.624 622.795 33.592C623.371 32.56 623.659 31.36 623.659 29.992ZM639.093 40.324C637.533 40.324 636.129 40.048 634.881 39.496C633.657 38.92 632.685 38.152 631.965 37.192C631.245 36.208 630.861 35.116 630.813 33.916H635.061C635.133 34.756 635.529 35.464 636.249 36.04C636.993 36.592 637.917 36.868 639.021 36.868C640.173 36.868 641.061 36.652 641.685 36.22C642.333 35.764 642.657 35.188 642.657 34.492C642.657 33.748 642.297 33.196 641.577 32.836C640.881 32.476 639.765 32.08 638.229 31.648C636.741 31.24 635.529 30.844 634.593 30.46C633.657 30.076 632.841 29.488 632.145 28.696C631.473 27.904 631.137 26.86 631.137 25.564C631.137 24.508 631.449 23.548 632.073 22.684C632.697 21.796 633.585 21.1 634.737 20.596C635.913 20.092 637.257 19.84 638.769 19.84C641.025 19.84 642.837 20.416 644.205 21.568C645.597 22.696 646.341 24.244 646.437 26.212H642.333C642.261 25.324 641.901 24.616 641.253 24.088C640.605 23.56 639.729 23.296 638.625 23.296C637.545 23.296 636.717 23.5 636.141 23.908C635.565 24.316 635.277 24.856 635.277 25.528C635.277 26.056 635.469 26.5 635.853 26.86C636.237 27.22 636.705 27.508 637.257 27.724C637.809 27.916 638.625 28.168 639.705 28.48C641.145 28.864 642.321 29.26 643.233 29.668C644.169 30.052 644.973 30.628 645.645 31.396C646.317 32.164 646.665 33.184 646.689 34.456C646.689 35.584 646.377 36.592 645.753 37.48C645.129 38.368 644.241 39.064 643.089 39.568C641.961 40.072 640.629 40.324 639.093 40.324Z"
+							fill={styles.secondaryTextColor}
+						/>
+						<path
+							d="M115.1 59.625V61.95H107.725V67.075H113.475V69.4H107.725V77H104.875V59.625H115.1ZM130.366 69.775C130.366 70.2917 130.333 70.7583 130.266 71.175H119.741C119.825 72.275 120.233 73.1583 120.966 73.825C121.7 74.4917 122.6 74.825 123.666 74.825C125.2 74.825 126.283 74.1833 126.916 72.9H129.991C129.575 74.1667 128.816 75.2083 127.716 76.025C126.633 76.825 125.283 77.225 123.666 77.225C122.35 77.225 121.166 76.9333 120.116 76.35C119.083 75.75 118.266 74.9167 117.666 73.85C117.083 72.7667 116.791 71.5167 116.791 70.1C116.791 68.6833 117.075 67.4417 117.641 66.375C118.225 65.2917 119.033 64.4583 120.066 63.875C121.116 63.2917 122.316 63 123.666 63C124.966 63 126.125 63.2833 127.141 63.85C128.158 64.4167 128.95 65.2167 129.516 66.25C130.083 67.2667 130.366 68.4417 130.366 69.775ZM127.391 68.875C127.375 67.825 127 66.9833 126.266 66.35C125.533 65.7167 124.625 65.4 123.541 65.4C122.558 65.4 121.716 65.7167 121.016 66.35C120.316 66.9667 119.9 67.8083 119.766 68.875H127.391ZM136.021 65.275C136.504 64.6083 137.163 64.0667 137.996 63.65C138.846 63.2167 139.788 63 140.821 63C142.038 63 143.138 63.2917 144.121 63.875C145.104 64.4583 145.879 65.2917 146.446 66.375C147.013 67.4417 147.296 68.6667 147.296 70.05C147.296 71.4333 147.013 72.675 146.446 73.775C145.879 74.8583 145.096 75.7083 144.096 76.325C143.113 76.925 142.021 77.225 140.821 77.225C139.754 77.225 138.804 77.0167 137.971 76.6C137.154 76.1833 136.504 75.65 136.021 75V77H133.171V58.5H136.021V65.275ZM144.396 70.05C144.396 69.1 144.196 68.2833 143.796 67.6C143.413 66.9 142.896 66.375 142.246 66.025C141.613 65.6583 140.929 65.475 140.196 65.475C139.479 65.475 138.796 65.6583 138.146 66.025C137.513 66.3917 136.996 66.925 136.596 67.625C136.213 68.325 136.021 69.15 136.021 70.1C136.021 71.05 136.213 71.8833 136.596 72.6C136.996 73.3 137.513 73.8333 138.146 74.2C138.796 74.5667 139.479 74.75 140.196 74.75C140.929 74.75 141.613 74.5667 142.246 74.2C142.896 73.8167 143.413 73.2667 143.796 72.55C144.196 71.8333 144.396 71 144.396 70.05ZM155.883 73.2V71.05L164.283 59H167.733V70.725H170.058V73.2H167.733V77H164.933V73.2H155.883ZM165.058 61.9L159.158 70.725H165.058V61.9ZM183.37 66.75V69.15H173.095V66.75H183.37ZM196.844 63C196.661 62.2333 196.327 61.6583 195.844 61.275C195.361 60.8917 194.686 60.7 193.819 60.7C192.502 60.7 191.519 61.2083 190.869 62.225C190.219 63.225 189.877 64.8917 189.844 67.225C190.277 66.4917 190.911 65.925 191.744 65.525C192.577 65.125 193.477 64.925 194.444 64.925C195.544 64.925 196.511 65.1667 197.344 65.65C198.194 66.1167 198.852 66.8 199.319 67.7C199.802 68.6 200.044 69.675 200.044 70.925C200.044 72.0917 199.811 73.1333 199.344 74.05C198.894 74.9667 198.219 75.6917 197.319 76.225C196.419 76.7417 195.336 77 194.069 77C192.352 77 191.002 76.625 190.019 75.875C189.052 75.1083 188.369 74.0333 187.969 72.65C187.586 71.2667 187.394 69.5417 187.394 67.475C187.394 61.375 189.544 58.325 193.844 58.325C195.511 58.325 196.819 58.775 197.769 59.675C198.736 60.575 199.302 61.6833 199.469 63H196.844ZM193.819 67.325C192.802 67.325 191.936 67.6333 191.219 68.25C190.519 68.85 190.169 69.725 190.169 70.875C190.169 72.025 190.494 72.9417 191.144 73.625C191.811 74.2917 192.736 74.625 193.919 74.625C194.969 74.625 195.794 74.3 196.394 73.65C197.011 73 197.319 72.1333 197.319 71.05C197.319 69.9167 197.019 69.0167 196.419 68.35C195.836 67.6667 194.969 67.325 193.819 67.325ZM206.584 73.575L203.559 80.475H201.709L203.484 73.575H206.584ZM216.768 73.125C218.368 71.7417 219.627 70.6083 220.543 69.725C221.477 68.825 222.252 67.8917 222.868 66.925C223.485 65.9583 223.793 64.9917 223.793 64.025C223.793 63.025 223.552 62.2417 223.068 61.675C222.602 61.1083 221.86 60.825 220.843 60.825C219.86 60.825 219.093 61.1417 218.543 61.775C218.01 62.3917 217.727 63.225 217.693 64.275H214.943C214.993 62.375 215.56 60.925 216.643 59.925C217.743 58.9083 219.135 58.4 220.818 58.4C222.635 58.4 224.052 58.9 225.068 59.9C226.102 60.9 226.618 62.2333 226.618 63.9C226.618 65.1 226.31 66.2583 225.693 67.375C225.093 68.475 224.368 69.4667 223.518 70.35C222.685 71.2167 221.618 72.225 220.318 73.375L219.193 74.375H227.118V76.75H214.968V74.675L216.768 73.125ZM229.622 67.65C229.622 64.7667 230.105 62.5167 231.072 60.9C232.055 59.2667 233.739 58.45 236.122 58.45C238.505 58.45 240.18 59.2667 241.147 60.9C242.13 62.5167 242.622 64.7667 242.622 67.65C242.622 70.5667 242.13 72.85 241.147 74.5C240.18 76.1333 238.505 76.95 236.122 76.95C233.739 76.95 232.055 76.1333 231.072 74.5C230.105 72.85 229.622 70.5667 229.622 67.65ZM239.822 67.65C239.822 66.3 239.73 65.1583 239.547 64.225C239.38 63.2917 239.03 62.5333 238.497 61.95C237.964 61.35 237.172 61.05 236.122 61.05C235.072 61.05 234.28 61.35 233.747 61.95C233.214 62.5333 232.855 63.2917 232.672 64.225C232.505 65.1583 232.422 66.3 232.422 67.65C232.422 69.05 232.505 70.225 232.672 71.175C232.839 72.125 233.189 72.8917 233.722 73.475C234.272 74.0583 235.072 74.35 236.122 74.35C237.172 74.35 237.964 74.0583 238.497 73.475C239.047 72.8917 239.405 72.125 239.572 71.175C239.739 70.225 239.822 69.05 239.822 67.65ZM247.213 73.125C248.813 71.7417 250.071 70.6083 250.988 69.725C251.921 68.825 252.696 67.8917 253.313 66.925C253.929 65.9583 254.238 64.9917 254.238 64.025C254.238 63.025 253.996 62.2417 253.513 61.675C253.046 61.1083 252.304 60.825 251.288 60.825C250.304 60.825 249.538 61.1417 248.988 61.775C248.454 62.3917 248.171 63.225 248.138 64.275H245.388C245.438 62.375 246.004 60.925 247.088 59.925C248.188 58.9083 249.579 58.4 251.263 58.4C253.079 58.4 254.496 58.9 255.513 59.9C256.546 60.9 257.063 62.2333 257.063 63.9C257.063 65.1 256.754 66.2583 256.138 67.375C255.538 68.475 254.813 69.4667 253.963 70.35C253.129 71.2167 252.063 72.225 250.763 73.375L249.638 74.375H257.563V76.75H245.413V74.675L247.213 73.125ZM261.641 73.125C263.241 71.7417 264.5 70.6083 265.416 69.725C266.35 68.825 267.125 67.8917 267.741 66.925C268.358 65.9583 268.666 64.9917 268.666 64.025C268.666 63.025 268.425 62.2417 267.941 61.675C267.475 61.1083 266.733 60.825 265.716 60.825C264.733 60.825 263.966 61.1417 263.416 61.775C262.883 62.3917 262.6 63.225 262.566 64.275H259.816C259.866 62.375 260.433 60.925 261.516 59.925C262.616 58.9083 264.008 58.4 265.691 58.4C267.508 58.4 268.925 58.9 269.941 59.9C270.975 60.9 271.491 62.2333 271.491 63.9C271.491 65.1 271.183 66.2583 270.566 67.375C269.966 68.475 269.241 69.4667 268.391 70.35C267.558 71.2167 266.491 72.225 265.191 73.375L264.066 74.375H271.991V76.75H259.841V74.675L261.641 73.125Z"
+							fill={styles.secondaryTextColor}
+						/>
+						<TartanHacksIcon
+							width="75"
+							height="65"
+							transform="translate(0 8)"
+						/>
+					</svg>
+				</Link>
+			</NextLink>
+		</div>
+	);
+};
 
-export default ScottyLabsHeader
+export default ScottyLabsHeader;
diff --git a/src/components/design/ScottyLabsIcon/index.module.scss b/src/components/design/ScottyLabsIcon/index.module.scss
index 2bd9958..9bfb70d 100644
--- a/src/components/design/ScottyLabsIcon/index.module.scss
+++ b/src/components/design/ScottyLabsIcon/index.module.scss
@@ -1,7 +1,7 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .svgContainer svg {
-  fill: $color-primary;
-  height: 100%;
+	fill: $color-primary;
+	height: 100%;
 }
diff --git a/src/components/design/ScottyLabsIcon/index.tsx b/src/components/design/ScottyLabsIcon/index.tsx
index 2e09f53..f9e43d3 100644
--- a/src/components/design/ScottyLabsIcon/index.tsx
+++ b/src/components/design/ScottyLabsIcon/index.tsx
@@ -1,17 +1,17 @@
-import React, { ReactElement } from "react"
-import styles from "./index.module.scss"
-import clsx from "clsx"
+import React, { ReactElement } from 'react';
+import styles from './index.module.scss';
+import clsx from 'clsx';
 
 const ScottyLabsIcon = ({ className }: { className: string }): ReactElement => {
-  return (
-    <div className={clsx(className, styles.svgContainer)}>
-      <svg viewBox="0 0 697 550" fill="none">
-        <path d="M35.4008 598H0C0 537.395 10.9574 478.485 32.4508 423.389C40.8795 402.198 50.5726 381.855 61.9514 361.936L66.5872 353.884L75.8589 353.036C93.9808 351.765 122.639 347.95 155.089 336.084C202.29 319.131 240.641 292.007 269.299 255.559C291.635 227.164 307.229 194.53 315.657 158.082L277.728 24.1573L313.55 0L323.665 7.62863C346.844 25.005 371.287 41.5337 396.573 55.5195C412.588 64.8434 429.446 73.3196 446.303 80.9483C478.754 79.6768 511.626 76.2863 543.655 71.6244C583.692 65.691 623.729 57.6385 662.922 47.0432L678.937 42.8051L684.416 58.91C694.109 88.5769 698.323 119.091 696.638 150.03C695.373 179.273 688.63 207.668 677.251 234.369L644.801 220.383C654.494 197.497 659.972 172.916 661.237 147.911C662.501 127.144 660.394 106.377 655.337 86.034C620.357 94.9341 584.535 102.139 548.713 107.225C514.155 112.31 478.754 115.277 443.353 116.972H439.139L435.346 115.277C416.381 106.377 397.416 97.0531 378.873 86.4578C359.487 75.4387 340.101 63.1481 321.557 50.0099L352.744 157.235L351.901 161.473C342.208 205.125 324.086 244.116 297.535 277.597C264.663 319.555 220.834 350.069 167.311 369.565C136.125 380.584 108.31 385.67 88.0806 387.789C79.6518 403.47 72.066 419.999 65.323 436.527C45.5154 487.385 35.4008 541.633 35.4008 598Z" />
-        <path d="M129.803 598V590.795C129.803 572.995 134.439 559.433 143.289 550.957C157.197 538.243 177.847 539.09 179.111 539.09H179.533H433.66H434.503H435.767C437.032 539.09 453.889 537.819 466.111 549.262C476.647 559.01 482.125 575.114 482.125 598H517.526C517.526 564.519 507.833 539.09 489.29 522.138C466.954 502.219 439.56 503.066 432.817 503.49H181.64C175.319 503.066 143.711 502.642 119.689 524.257C102.831 539.514 94.4023 561.976 94.4023 590.372V597.576H129.803V598Z" />
-        <path d="M547.87 344.56C571.471 425.932 582.428 511.118 581.164 598H616.565C617.829 507.728 606.029 419.151 582.007 334.388C576.949 317.012 571.471 299.635 565.149 282.683L641.008 314.045L654.494 280.988L549.977 237.759L522.584 270.392L526.377 280.14C534.384 301.331 541.549 322.945 547.87 344.56Z" />
-      </svg>
-    </div>
-  )
-}
+	return (
+		<div className={clsx(className, styles.svgContainer)}>
+			<svg viewBox="0 0 697 550" fill="none">
+				<path d="M35.4008 598H0C0 537.395 10.9574 478.485 32.4508 423.389C40.8795 402.198 50.5726 381.855 61.9514 361.936L66.5872 353.884L75.8589 353.036C93.9808 351.765 122.639 347.95 155.089 336.084C202.29 319.131 240.641 292.007 269.299 255.559C291.635 227.164 307.229 194.53 315.657 158.082L277.728 24.1573L313.55 0L323.665 7.62863C346.844 25.005 371.287 41.5337 396.573 55.5195C412.588 64.8434 429.446 73.3196 446.303 80.9483C478.754 79.6768 511.626 76.2863 543.655 71.6244C583.692 65.691 623.729 57.6385 662.922 47.0432L678.937 42.8051L684.416 58.91C694.109 88.5769 698.323 119.091 696.638 150.03C695.373 179.273 688.63 207.668 677.251 234.369L644.801 220.383C654.494 197.497 659.972 172.916 661.237 147.911C662.501 127.144 660.394 106.377 655.337 86.034C620.357 94.9341 584.535 102.139 548.713 107.225C514.155 112.31 478.754 115.277 443.353 116.972H439.139L435.346 115.277C416.381 106.377 397.416 97.0531 378.873 86.4578C359.487 75.4387 340.101 63.1481 321.557 50.0099L352.744 157.235L351.901 161.473C342.208 205.125 324.086 244.116 297.535 277.597C264.663 319.555 220.834 350.069 167.311 369.565C136.125 380.584 108.31 385.67 88.0806 387.789C79.6518 403.47 72.066 419.999 65.323 436.527C45.5154 487.385 35.4008 541.633 35.4008 598Z" />
+				<path d="M129.803 598V590.795C129.803 572.995 134.439 559.433 143.289 550.957C157.197 538.243 177.847 539.09 179.111 539.09H179.533H433.66H434.503H435.767C437.032 539.09 453.889 537.819 466.111 549.262C476.647 559.01 482.125 575.114 482.125 598H517.526C517.526 564.519 507.833 539.09 489.29 522.138C466.954 502.219 439.56 503.066 432.817 503.49H181.64C175.319 503.066 143.711 502.642 119.689 524.257C102.831 539.514 94.4023 561.976 94.4023 590.372V597.576H129.803V598Z" />
+				<path d="M547.87 344.56C571.471 425.932 582.428 511.118 581.164 598H616.565C617.829 507.728 606.029 419.151 582.007 334.388C576.949 317.012 571.471 299.635 565.149 282.683L641.008 314.045L654.494 280.988L549.977 237.759L522.584 270.392L526.377 280.14C534.384 301.331 541.549 322.945 547.87 344.56Z" />
+			</svg>
+		</div>
+	);
+};
 
-export default ScottyLabsIcon
+export default ScottyLabsIcon;
diff --git a/src/components/design/ScottyLabsTitle.tsx b/src/components/design/ScottyLabsTitle.tsx
index 05b339b..6d0051f 100644
--- a/src/components/design/ScottyLabsTitle.tsx
+++ b/src/components/design/ScottyLabsTitle.tsx
@@ -1,30 +1,30 @@
-import React, { ReactElement } from "react"
+import React, { ReactElement } from 'react';
 
 const ScottyLabsTitle = ({
-  className
+	className,
 }: {
-  className: string
+	className: string;
 }): ReactElement => {
-  return (
-    <div className={className}>
-      <svg
-        width="504"
-        height="46"
-        viewBox="0 0 504 46"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M25.112 2.496V7.92H16.184V36H9.464V7.92H0.536V2.496H25.112ZM28.2871 22.608C28.2871 19.92 28.8151 17.536 29.8711 15.456C30.9591 13.376 32.4151 11.776 34.2391 10.656C36.0951 9.536 38.1591 8.976 40.4311 8.976C42.4151 8.976 44.1431 9.376 45.6151 10.176C47.1191 10.976 48.3191 11.984 49.2151 13.2V9.408H55.9831V36H49.2151V32.112C48.3511 33.36 47.1511 34.4 45.6151 35.232C44.1111 36.032 42.3671 36.432 40.3831 36.432C38.1431 36.432 36.0951 35.856 34.2391 34.704C32.4151 33.552 30.9591 31.936 29.8711 29.856C28.8151 27.744 28.2871 25.328 28.2871 22.608ZM49.2151 22.704C49.2151 21.072 48.8951 19.68 48.2551 18.528C47.6151 17.344 46.7511 16.448 45.6631 15.84C44.5751 15.2 43.4071 14.88 42.1591 14.88C40.9111 14.88 39.7591 15.184 38.7031 15.792C37.6471 16.4 36.7831 17.296 36.1111 18.48C35.4711 19.632 35.1511 21.008 35.1511 22.608C35.1511 24.208 35.4711 25.616 36.1111 26.832C36.7831 28.016 37.6471 28.928 38.7031 29.568C39.7911 30.208 40.9431 30.528 42.1591 30.528C43.4071 30.528 44.5751 30.224 45.6631 29.616C46.7511 28.976 47.6151 28.08 48.2551 26.928C48.8951 25.744 49.2151 24.336 49.2151 22.704ZM69.2664 13.536C70.1304 12.128 71.2504 11.024 72.6264 10.224C74.0344 9.424 75.6344 9.024 77.4264 9.024V16.08H75.6504C73.5384 16.08 71.9384 16.576 70.8504 17.568C69.7944 18.56 69.2664 20.288 69.2664 22.752V36H62.5464V9.408H69.2664V13.536ZM89.7766 14.928V27.792C89.7766 28.688 89.9846 29.344 90.4006 29.76C90.8486 30.144 91.5846 30.336 92.6086 30.336H95.7286V36H91.5046C85.8406 36 83.0086 33.248 83.0086 27.744V14.928H79.8406V9.408H83.0086V2.832H89.7766V9.408H95.7286V14.928H89.7766ZM98.834 22.608C98.834 19.92 99.362 17.536 100.418 15.456C101.506 13.376 102.962 11.776 104.786 10.656C106.642 9.536 108.706 8.976 110.978 8.976C112.962 8.976 114.69 9.376 116.162 10.176C117.666 10.976 118.866 11.984 119.762 13.2V9.408H126.53V36H119.762V32.112C118.898 33.36 117.698 34.4 116.162 35.232C114.658 36.032 112.914 36.432 110.93 36.432C108.69 36.432 106.642 35.856 104.786 34.704C102.962 33.552 101.506 31.936 100.418 29.856C99.362 27.744 98.834 25.328 98.834 22.608ZM119.762 22.704C119.762 21.072 119.442 19.68 118.802 18.528C118.162 17.344 117.298 16.448 116.21 15.84C115.122 15.2 113.954 14.88 112.706 14.88C111.458 14.88 110.306 15.184 109.25 15.792C108.194 16.4 107.33 17.296 106.658 18.48C106.018 19.632 105.698 21.008 105.698 22.608C105.698 24.208 106.018 25.616 106.658 26.832C107.33 28.016 108.194 28.928 109.25 29.568C110.338 30.208 111.49 30.528 112.706 30.528C113.954 30.528 115.122 30.224 116.21 29.616C117.298 28.976 118.162 28.08 118.802 26.928C119.442 25.744 119.762 24.336 119.762 22.704ZM147.829 9.024C150.997 9.024 153.557 10.032 155.509 12.048C157.461 14.032 158.437 16.816 158.437 20.4V36H151.717V21.312C151.717 19.2 151.189 17.584 150.133 16.464C149.077 15.312 147.637 14.736 145.813 14.736C143.957 14.736 142.485 15.312 141.397 16.464C140.341 17.584 139.813 19.2 139.813 21.312V36H133.093V9.408H139.813V12.72C140.709 11.568 141.845 10.672 143.221 10.032C144.629 9.36 146.165 9.024 147.829 9.024ZM179.804 9.024C181.82 9.024 183.612 9.472 185.18 10.368C186.748 11.232 187.964 12.528 188.828 14.256C189.724 15.952 190.172 18 190.172 20.4V36H183.452V21.312C183.452 19.2 182.924 17.584 181.868 16.464C180.812 15.312 179.372 14.736 177.548 14.736C175.692 14.736 174.22 15.312 173.132 16.464C172.076 17.584 171.548 19.2 171.548 21.312V36H164.828V0.48H171.548V12.72C172.412 11.568 173.564 10.672 175.004 10.032C176.444 9.36 178.044 9.024 179.804 9.024ZM194.834 22.608C194.834 19.92 195.362 17.536 196.418 15.456C197.506 13.376 198.962 11.776 200.786 10.656C202.642 9.536 204.706 8.976 206.978 8.976C208.962 8.976 210.69 9.376 212.162 10.176C213.666 10.976 214.866 11.984 215.762 13.2V9.408H222.53V36H215.762V32.112C214.898 33.36 213.698 34.4 212.162 35.232C210.658 36.032 208.914 36.432 206.93 36.432C204.69 36.432 202.642 35.856 200.786 34.704C198.962 33.552 197.506 31.936 196.418 29.856C195.362 27.744 194.834 25.328 194.834 22.608ZM215.762 22.704C215.762 21.072 215.442 19.68 214.802 18.528C214.162 17.344 213.298 16.448 212.21 15.84C211.122 15.2 209.954 14.88 208.706 14.88C207.458 14.88 206.306 15.184 205.25 15.792C204.194 16.4 203.33 17.296 202.658 18.48C202.018 19.632 201.698 21.008 201.698 22.608C201.698 24.208 202.018 25.616 202.658 26.832C203.33 28.016 204.194 28.928 205.25 29.568C206.338 30.208 207.49 30.528 208.706 30.528C209.954 30.528 211.122 30.224 212.21 29.616C213.298 28.976 214.162 28.08 214.802 26.928C215.442 25.744 215.762 24.336 215.762 22.704ZM227.365 22.704C227.365 19.952 227.925 17.552 229.045 15.504C230.165 13.424 231.717 11.824 233.701 10.704C235.685 9.552 237.957 8.976 240.517 8.976C243.813 8.976 246.533 9.808 248.677 11.472C250.853 13.104 252.309 15.408 253.045 18.384H245.797C245.413 17.232 244.757 16.336 243.829 15.696C242.933 15.024 241.813 14.688 240.469 14.688C238.549 14.688 237.029 15.392 235.909 16.8C234.789 18.176 234.229 20.144 234.229 22.704C234.229 25.232 234.789 27.2 235.909 28.608C237.029 29.984 238.549 30.672 240.469 30.672C243.189 30.672 244.965 29.456 245.797 27.024H253.045C252.309 29.904 250.853 32.192 248.677 33.888C246.501 35.584 243.781 36.432 240.517 36.432C237.957 36.432 235.685 35.872 233.701 34.752C231.717 33.6 230.165 32 229.045 29.952C227.925 27.872 227.365 25.456 227.365 22.704ZM273.712 36L264.688 24.672V36H257.968V0.48H264.688V20.688L273.616 9.408H282.352L270.64 22.752L282.448 36H273.712ZM296.176 36.432C294 36.432 292.048 36.048 290.32 35.28C288.592 34.48 287.216 33.408 286.192 32.064C285.2 30.72 284.656 29.232 284.56 27.6H291.328C291.456 28.624 291.952 29.472 292.816 30.144C293.712 30.816 294.816 31.152 296.128 31.152C297.408 31.152 298.4 30.896 299.104 30.384C299.84 29.872 300.208 29.216 300.208 28.416C300.208 27.552 299.76 26.912 298.864 26.496C298 26.048 296.608 25.568 294.688 25.056C292.704 24.576 291.072 24.08 289.792 23.568C288.544 23.056 287.456 22.272 286.528 21.216C285.632 20.16 285.184 18.736 285.184 16.944C285.184 15.472 285.6 14.128 286.432 12.912C287.296 11.696 288.512 10.736 290.08 10.032C291.68 9.328 293.552 8.976 295.696 8.976C298.864 8.976 301.392 9.776 303.28 11.376C305.168 12.944 306.208 15.072 306.4 17.76H299.968C299.872 16.704 299.424 15.872 298.624 15.264C297.856 14.624 296.816 14.304 295.504 14.304C294.288 14.304 293.344 14.528 292.672 14.976C292.032 15.424 291.712 16.048 291.712 16.848C291.712 17.744 292.16 18.432 293.056 18.912C293.952 19.36 295.344 19.824 297.232 20.304C299.152 20.784 300.736 21.28 301.984 21.792C303.232 22.304 304.304 23.104 305.2 24.192C306.128 25.248 306.608 26.656 306.64 28.416C306.64 29.952 306.208 31.328 305.344 32.544C304.512 33.76 303.296 34.72 301.696 35.424C300.128 36.096 298.288 36.432 296.176 36.432Z"
-          fill="#F3964A"
-        />
-        <path
-          d="M324.553 36.252C322.873 36.252 321.361 35.964 320.017 35.388C318.673 34.788 317.617 33.948 316.849 32.868C316.081 31.788 315.697 30.528 315.697 29.088H320.089C320.185 30.168 320.605 31.056 321.349 31.752C322.117 32.448 323.185 32.796 324.553 32.796C325.969 32.796 327.073 32.46 327.865 31.788C328.657 31.092 329.053 30.204 329.053 29.124C329.053 28.284 328.801 27.6 328.297 27.072C327.817 26.544 327.205 26.136 326.461 25.848C325.741 25.56 324.733 25.248 323.437 24.912C321.805 24.48 320.473 24.048 319.441 23.616C318.433 23.16 317.569 22.464 316.849 21.528C316.129 20.592 315.769 19.344 315.769 17.784C315.769 16.344 316.129 15.084 316.849 14.004C317.569 12.924 318.577 12.096 319.873 11.52C321.169 10.944 322.669 10.656 324.373 10.656C326.797 10.656 328.777 11.268 330.313 12.492C331.873 13.692 332.737 15.348 332.905 17.46H328.369C328.297 16.548 327.865 15.768 327.073 15.12C326.281 14.472 325.237 14.148 323.941 14.148C322.765 14.148 321.805 14.448 321.061 15.048C320.317 15.648 319.945 16.512 319.945 17.64C319.945 18.408 320.173 19.044 320.629 19.548C321.109 20.028 321.709 20.412 322.429 20.7C323.149 20.988 324.133 21.3 325.381 21.636C327.037 22.092 328.381 22.548 329.413 23.004C330.469 23.46 331.357 24.168 332.077 25.128C332.821 26.064 333.193 27.324 333.193 28.908C333.193 30.18 332.845 31.38 332.149 32.508C331.477 33.636 330.481 34.548 329.161 35.244C327.865 35.916 326.329 36.252 324.553 36.252ZM336.668 26.064C336.668 24.024 337.076 22.236 337.892 20.7C338.732 19.14 339.884 17.94 341.348 17.1C342.812 16.26 344.492 15.84 346.388 15.84C348.788 15.84 350.768 16.416 352.328 17.568C353.912 18.696 354.98 20.316 355.532 22.428H351.104C350.744 21.444 350.168 20.676 349.376 20.124C348.584 19.572 347.588 19.296 346.388 19.296C344.708 19.296 343.364 19.896 342.356 21.096C341.372 22.272 340.88 23.928 340.88 26.064C340.88 28.2 341.372 29.868 342.356 31.068C343.364 32.268 344.708 32.868 346.388 32.868C348.764 32.868 350.336 31.824 351.104 29.736H355.532C354.956 31.752 353.876 33.36 352.292 34.56C350.708 35.736 348.74 36.324 346.388 36.324C344.492 36.324 342.812 35.904 341.348 35.064C339.884 34.2 338.732 33 337.892 31.464C337.076 29.904 336.668 28.104 336.668 26.064ZM368.226 36.324C366.354 36.324 364.662 35.904 363.15 35.064C361.638 34.2 360.45 33 359.586 31.464C358.722 29.904 358.29 28.104 358.29 26.064C358.29 24.048 358.734 22.26 359.622 20.7C360.51 19.14 361.722 17.94 363.258 17.1C364.794 16.26 366.51 15.84 368.406 15.84C370.302 15.84 372.018 16.26 373.554 17.1C375.09 17.94 376.302 19.14 377.19 20.7C378.078 22.26 378.522 24.048 378.522 26.064C378.522 28.08 378.066 29.868 377.154 31.428C376.242 32.988 374.994 34.2 373.41 35.064C371.85 35.904 370.122 36.324 368.226 36.324ZM368.226 32.76C369.282 32.76 370.266 32.508 371.178 32.004C372.114 31.5 372.87 30.744 373.446 29.736C374.022 28.728 374.31 27.504 374.31 26.064C374.31 24.624 374.034 23.412 373.482 22.428C372.93 21.42 372.198 20.664 371.286 20.16C370.374 19.656 369.39 19.404 368.334 19.404C367.278 19.404 366.294 19.656 365.382 20.16C364.494 20.664 363.786 21.42 363.258 22.428C362.73 23.412 362.466 24.624 362.466 26.064C362.466 28.2 363.006 29.856 364.086 31.032C365.19 32.184 366.57 32.76 368.226 32.76ZM387.367 19.512V30.492C387.367 31.236 387.535 31.776 387.871 32.112C388.231 32.424 388.831 32.58 389.671 32.58H392.191V36H388.951C387.103 36 385.687 35.568 384.703 34.704C383.719 33.84 383.227 32.436 383.227 30.492V19.512H380.887V16.164H383.227V11.232H387.367V16.164H392.191V19.512H387.367ZM400.761 19.512V30.492C400.761 31.236 400.929 31.776 401.265 32.112C401.625 32.424 402.225 32.58 403.065 32.58H405.585V36H402.345C400.497 36 399.081 35.568 398.097 34.704C397.113 33.84 396.621 32.436 396.621 30.492V19.512H394.281V16.164H396.621V11.232H400.761V16.164H405.585V19.512H400.761ZM427.224 16.164L415.056 45.324H410.808L414.84 35.676L407.028 16.164H411.6L417.18 31.284L422.976 16.164H427.224ZM434.425 9.36V36H430.321V9.36H434.425ZM438.445 25.992C438.445 24 438.853 22.236 439.669 20.7C440.509 19.164 441.637 17.976 443.053 17.136C444.493 16.272 446.077 15.84 447.805 15.84C449.365 15.84 450.721 16.152 451.873 16.776C453.049 17.376 453.985 18.132 454.681 19.044V16.164H458.821V36H454.681V33.048C453.985 33.984 453.037 34.764 451.837 35.388C450.637 36.012 449.269 36.324 447.733 36.324C446.029 36.324 444.469 35.892 443.053 35.028C441.637 34.14 440.509 32.916 439.669 31.356C438.853 29.772 438.445 27.984 438.445 25.992ZM454.681 26.064C454.681 24.696 454.393 23.508 453.817 22.5C453.265 21.492 452.533 20.724 451.621 20.196C450.709 19.668 449.725 19.404 448.669 19.404C447.613 19.404 446.629 19.668 445.717 20.196C444.805 20.7 444.061 21.456 443.485 22.464C442.933 23.448 442.657 24.624 442.657 25.992C442.657 27.36 442.933 28.56 443.485 29.592C444.061 30.624 444.805 31.416 445.717 31.968C446.653 32.496 447.637 32.76 448.669 32.76C449.725 32.76 450.709 32.496 451.621 31.968C452.533 31.44 453.265 30.672 453.817 29.664C454.393 28.632 454.681 27.432 454.681 26.064ZM468.316 19.116C469.012 18.156 469.96 17.376 471.16 16.776C472.384 16.152 473.74 15.84 475.228 15.84C476.98 15.84 478.564 16.26 479.98 17.1C481.396 17.94 482.512 19.14 483.328 20.7C484.144 22.236 484.552 24 484.552 25.992C484.552 27.984 484.144 29.772 483.328 31.356C482.512 32.916 481.384 34.14 479.944 35.028C478.528 35.892 476.956 36.324 475.228 36.324C473.692 36.324 472.324 36.024 471.124 35.424C469.948 34.824 469.012 34.056 468.316 33.12V36H464.212V9.36H468.316V19.116ZM480.376 25.992C480.376 24.624 480.088 23.448 479.512 22.464C478.96 21.456 478.216 20.7 477.28 20.196C476.368 19.668 475.384 19.404 474.328 19.404C473.296 19.404 472.312 19.668 471.376 20.196C470.464 20.724 469.72 21.492 469.144 22.5C468.592 23.508 468.316 24.696 468.316 26.064C468.316 27.432 468.592 28.632 469.144 29.664C469.72 30.672 470.464 31.44 471.376 31.968C472.312 32.496 473.296 32.76 474.328 32.76C475.384 32.76 476.368 32.496 477.28 31.968C478.216 31.416 478.96 30.624 479.512 29.592C480.088 28.56 480.376 27.36 480.376 25.992ZM495.81 36.324C494.25 36.324 492.846 36.048 491.598 35.496C490.374 34.92 489.402 34.152 488.682 33.192C487.962 32.208 487.578 31.116 487.53 29.916H491.778C491.85 30.756 492.246 31.464 492.966 32.04C493.71 32.592 494.634 32.868 495.738 32.868C496.89 32.868 497.778 32.652 498.402 32.22C499.05 31.764 499.374 31.188 499.374 30.492C499.374 29.748 499.014 29.196 498.294 28.836C497.598 28.476 496.482 28.08 494.946 27.648C493.458 27.24 492.246 26.844 491.31 26.46C490.374 26.076 489.558 25.488 488.862 24.696C488.19 23.904 487.854 22.86 487.854 21.564C487.854 20.508 488.166 19.548 488.79 18.684C489.414 17.796 490.302 17.1 491.454 16.596C492.63 16.092 493.974 15.84 495.486 15.84C497.742 15.84 499.554 16.416 500.922 17.568C502.314 18.696 503.058 20.244 503.154 22.212H499.05C498.978 21.324 498.618 20.616 497.97 20.088C497.322 19.56 496.446 19.296 495.342 19.296C494.262 19.296 493.434 19.5 492.858 19.908C492.282 20.316 491.994 20.856 491.994 21.528C491.994 22.056 492.186 22.5 492.57 22.86C492.954 23.22 493.422 23.508 493.974 23.724C494.526 23.916 495.342 24.168 496.422 24.48C497.862 24.864 499.038 25.26 499.95 25.668C500.886 26.052 501.69 26.628 502.362 27.396C503.034 28.164 503.382 29.184 503.406 30.456C503.406 31.584 503.094 32.592 502.47 33.48C501.846 34.368 500.958 35.064 499.806 35.568C498.678 36.072 497.346 36.324 495.81 36.324Z"
-          fill="#F7C062"
-        />
-      </svg>
-    </div>
-  )
-}
+	return (
+		<div className={className}>
+			<svg
+				width="504"
+				height="46"
+				viewBox="0 0 504 46"
+				fill="none"
+				xmlns="http://www.w3.org/2000/svg"
+			>
+				<path
+					d="M25.112 2.496V7.92H16.184V36H9.464V7.92H0.536V2.496H25.112ZM28.2871 22.608C28.2871 19.92 28.8151 17.536 29.8711 15.456C30.9591 13.376 32.4151 11.776 34.2391 10.656C36.0951 9.536 38.1591 8.976 40.4311 8.976C42.4151 8.976 44.1431 9.376 45.6151 10.176C47.1191 10.976 48.3191 11.984 49.2151 13.2V9.408H55.9831V36H49.2151V32.112C48.3511 33.36 47.1511 34.4 45.6151 35.232C44.1111 36.032 42.3671 36.432 40.3831 36.432C38.1431 36.432 36.0951 35.856 34.2391 34.704C32.4151 33.552 30.9591 31.936 29.8711 29.856C28.8151 27.744 28.2871 25.328 28.2871 22.608ZM49.2151 22.704C49.2151 21.072 48.8951 19.68 48.2551 18.528C47.6151 17.344 46.7511 16.448 45.6631 15.84C44.5751 15.2 43.4071 14.88 42.1591 14.88C40.9111 14.88 39.7591 15.184 38.7031 15.792C37.6471 16.4 36.7831 17.296 36.1111 18.48C35.4711 19.632 35.1511 21.008 35.1511 22.608C35.1511 24.208 35.4711 25.616 36.1111 26.832C36.7831 28.016 37.6471 28.928 38.7031 29.568C39.7911 30.208 40.9431 30.528 42.1591 30.528C43.4071 30.528 44.5751 30.224 45.6631 29.616C46.7511 28.976 47.6151 28.08 48.2551 26.928C48.8951 25.744 49.2151 24.336 49.2151 22.704ZM69.2664 13.536C70.1304 12.128 71.2504 11.024 72.6264 10.224C74.0344 9.424 75.6344 9.024 77.4264 9.024V16.08H75.6504C73.5384 16.08 71.9384 16.576 70.8504 17.568C69.7944 18.56 69.2664 20.288 69.2664 22.752V36H62.5464V9.408H69.2664V13.536ZM89.7766 14.928V27.792C89.7766 28.688 89.9846 29.344 90.4006 29.76C90.8486 30.144 91.5846 30.336 92.6086 30.336H95.7286V36H91.5046C85.8406 36 83.0086 33.248 83.0086 27.744V14.928H79.8406V9.408H83.0086V2.832H89.7766V9.408H95.7286V14.928H89.7766ZM98.834 22.608C98.834 19.92 99.362 17.536 100.418 15.456C101.506 13.376 102.962 11.776 104.786 10.656C106.642 9.536 108.706 8.976 110.978 8.976C112.962 8.976 114.69 9.376 116.162 10.176C117.666 10.976 118.866 11.984 119.762 13.2V9.408H126.53V36H119.762V32.112C118.898 33.36 117.698 34.4 116.162 35.232C114.658 36.032 112.914 36.432 110.93 36.432C108.69 36.432 106.642 35.856 104.786 34.704C102.962 33.552 101.506 31.936 100.418 29.856C99.362 27.744 98.834 25.328 98.834 22.608ZM119.762 22.704C119.762 21.072 119.442 19.68 118.802 18.528C118.162 17.344 117.298 16.448 116.21 15.84C115.122 15.2 113.954 14.88 112.706 14.88C111.458 14.88 110.306 15.184 109.25 15.792C108.194 16.4 107.33 17.296 106.658 18.48C106.018 19.632 105.698 21.008 105.698 22.608C105.698 24.208 106.018 25.616 106.658 26.832C107.33 28.016 108.194 28.928 109.25 29.568C110.338 30.208 111.49 30.528 112.706 30.528C113.954 30.528 115.122 30.224 116.21 29.616C117.298 28.976 118.162 28.08 118.802 26.928C119.442 25.744 119.762 24.336 119.762 22.704ZM147.829 9.024C150.997 9.024 153.557 10.032 155.509 12.048C157.461 14.032 158.437 16.816 158.437 20.4V36H151.717V21.312C151.717 19.2 151.189 17.584 150.133 16.464C149.077 15.312 147.637 14.736 145.813 14.736C143.957 14.736 142.485 15.312 141.397 16.464C140.341 17.584 139.813 19.2 139.813 21.312V36H133.093V9.408H139.813V12.72C140.709 11.568 141.845 10.672 143.221 10.032C144.629 9.36 146.165 9.024 147.829 9.024ZM179.804 9.024C181.82 9.024 183.612 9.472 185.18 10.368C186.748 11.232 187.964 12.528 188.828 14.256C189.724 15.952 190.172 18 190.172 20.4V36H183.452V21.312C183.452 19.2 182.924 17.584 181.868 16.464C180.812 15.312 179.372 14.736 177.548 14.736C175.692 14.736 174.22 15.312 173.132 16.464C172.076 17.584 171.548 19.2 171.548 21.312V36H164.828V0.48H171.548V12.72C172.412 11.568 173.564 10.672 175.004 10.032C176.444 9.36 178.044 9.024 179.804 9.024ZM194.834 22.608C194.834 19.92 195.362 17.536 196.418 15.456C197.506 13.376 198.962 11.776 200.786 10.656C202.642 9.536 204.706 8.976 206.978 8.976C208.962 8.976 210.69 9.376 212.162 10.176C213.666 10.976 214.866 11.984 215.762 13.2V9.408H222.53V36H215.762V32.112C214.898 33.36 213.698 34.4 212.162 35.232C210.658 36.032 208.914 36.432 206.93 36.432C204.69 36.432 202.642 35.856 200.786 34.704C198.962 33.552 197.506 31.936 196.418 29.856C195.362 27.744 194.834 25.328 194.834 22.608ZM215.762 22.704C215.762 21.072 215.442 19.68 214.802 18.528C214.162 17.344 213.298 16.448 212.21 15.84C211.122 15.2 209.954 14.88 208.706 14.88C207.458 14.88 206.306 15.184 205.25 15.792C204.194 16.4 203.33 17.296 202.658 18.48C202.018 19.632 201.698 21.008 201.698 22.608C201.698 24.208 202.018 25.616 202.658 26.832C203.33 28.016 204.194 28.928 205.25 29.568C206.338 30.208 207.49 30.528 208.706 30.528C209.954 30.528 211.122 30.224 212.21 29.616C213.298 28.976 214.162 28.08 214.802 26.928C215.442 25.744 215.762 24.336 215.762 22.704ZM227.365 22.704C227.365 19.952 227.925 17.552 229.045 15.504C230.165 13.424 231.717 11.824 233.701 10.704C235.685 9.552 237.957 8.976 240.517 8.976C243.813 8.976 246.533 9.808 248.677 11.472C250.853 13.104 252.309 15.408 253.045 18.384H245.797C245.413 17.232 244.757 16.336 243.829 15.696C242.933 15.024 241.813 14.688 240.469 14.688C238.549 14.688 237.029 15.392 235.909 16.8C234.789 18.176 234.229 20.144 234.229 22.704C234.229 25.232 234.789 27.2 235.909 28.608C237.029 29.984 238.549 30.672 240.469 30.672C243.189 30.672 244.965 29.456 245.797 27.024H253.045C252.309 29.904 250.853 32.192 248.677 33.888C246.501 35.584 243.781 36.432 240.517 36.432C237.957 36.432 235.685 35.872 233.701 34.752C231.717 33.6 230.165 32 229.045 29.952C227.925 27.872 227.365 25.456 227.365 22.704ZM273.712 36L264.688 24.672V36H257.968V0.48H264.688V20.688L273.616 9.408H282.352L270.64 22.752L282.448 36H273.712ZM296.176 36.432C294 36.432 292.048 36.048 290.32 35.28C288.592 34.48 287.216 33.408 286.192 32.064C285.2 30.72 284.656 29.232 284.56 27.6H291.328C291.456 28.624 291.952 29.472 292.816 30.144C293.712 30.816 294.816 31.152 296.128 31.152C297.408 31.152 298.4 30.896 299.104 30.384C299.84 29.872 300.208 29.216 300.208 28.416C300.208 27.552 299.76 26.912 298.864 26.496C298 26.048 296.608 25.568 294.688 25.056C292.704 24.576 291.072 24.08 289.792 23.568C288.544 23.056 287.456 22.272 286.528 21.216C285.632 20.16 285.184 18.736 285.184 16.944C285.184 15.472 285.6 14.128 286.432 12.912C287.296 11.696 288.512 10.736 290.08 10.032C291.68 9.328 293.552 8.976 295.696 8.976C298.864 8.976 301.392 9.776 303.28 11.376C305.168 12.944 306.208 15.072 306.4 17.76H299.968C299.872 16.704 299.424 15.872 298.624 15.264C297.856 14.624 296.816 14.304 295.504 14.304C294.288 14.304 293.344 14.528 292.672 14.976C292.032 15.424 291.712 16.048 291.712 16.848C291.712 17.744 292.16 18.432 293.056 18.912C293.952 19.36 295.344 19.824 297.232 20.304C299.152 20.784 300.736 21.28 301.984 21.792C303.232 22.304 304.304 23.104 305.2 24.192C306.128 25.248 306.608 26.656 306.64 28.416C306.64 29.952 306.208 31.328 305.344 32.544C304.512 33.76 303.296 34.72 301.696 35.424C300.128 36.096 298.288 36.432 296.176 36.432Z"
+					fill="#F3964A"
+				/>
+				<path
+					d="M324.553 36.252C322.873 36.252 321.361 35.964 320.017 35.388C318.673 34.788 317.617 33.948 316.849 32.868C316.081 31.788 315.697 30.528 315.697 29.088H320.089C320.185 30.168 320.605 31.056 321.349 31.752C322.117 32.448 323.185 32.796 324.553 32.796C325.969 32.796 327.073 32.46 327.865 31.788C328.657 31.092 329.053 30.204 329.053 29.124C329.053 28.284 328.801 27.6 328.297 27.072C327.817 26.544 327.205 26.136 326.461 25.848C325.741 25.56 324.733 25.248 323.437 24.912C321.805 24.48 320.473 24.048 319.441 23.616C318.433 23.16 317.569 22.464 316.849 21.528C316.129 20.592 315.769 19.344 315.769 17.784C315.769 16.344 316.129 15.084 316.849 14.004C317.569 12.924 318.577 12.096 319.873 11.52C321.169 10.944 322.669 10.656 324.373 10.656C326.797 10.656 328.777 11.268 330.313 12.492C331.873 13.692 332.737 15.348 332.905 17.46H328.369C328.297 16.548 327.865 15.768 327.073 15.12C326.281 14.472 325.237 14.148 323.941 14.148C322.765 14.148 321.805 14.448 321.061 15.048C320.317 15.648 319.945 16.512 319.945 17.64C319.945 18.408 320.173 19.044 320.629 19.548C321.109 20.028 321.709 20.412 322.429 20.7C323.149 20.988 324.133 21.3 325.381 21.636C327.037 22.092 328.381 22.548 329.413 23.004C330.469 23.46 331.357 24.168 332.077 25.128C332.821 26.064 333.193 27.324 333.193 28.908C333.193 30.18 332.845 31.38 332.149 32.508C331.477 33.636 330.481 34.548 329.161 35.244C327.865 35.916 326.329 36.252 324.553 36.252ZM336.668 26.064C336.668 24.024 337.076 22.236 337.892 20.7C338.732 19.14 339.884 17.94 341.348 17.1C342.812 16.26 344.492 15.84 346.388 15.84C348.788 15.84 350.768 16.416 352.328 17.568C353.912 18.696 354.98 20.316 355.532 22.428H351.104C350.744 21.444 350.168 20.676 349.376 20.124C348.584 19.572 347.588 19.296 346.388 19.296C344.708 19.296 343.364 19.896 342.356 21.096C341.372 22.272 340.88 23.928 340.88 26.064C340.88 28.2 341.372 29.868 342.356 31.068C343.364 32.268 344.708 32.868 346.388 32.868C348.764 32.868 350.336 31.824 351.104 29.736H355.532C354.956 31.752 353.876 33.36 352.292 34.56C350.708 35.736 348.74 36.324 346.388 36.324C344.492 36.324 342.812 35.904 341.348 35.064C339.884 34.2 338.732 33 337.892 31.464C337.076 29.904 336.668 28.104 336.668 26.064ZM368.226 36.324C366.354 36.324 364.662 35.904 363.15 35.064C361.638 34.2 360.45 33 359.586 31.464C358.722 29.904 358.29 28.104 358.29 26.064C358.29 24.048 358.734 22.26 359.622 20.7C360.51 19.14 361.722 17.94 363.258 17.1C364.794 16.26 366.51 15.84 368.406 15.84C370.302 15.84 372.018 16.26 373.554 17.1C375.09 17.94 376.302 19.14 377.19 20.7C378.078 22.26 378.522 24.048 378.522 26.064C378.522 28.08 378.066 29.868 377.154 31.428C376.242 32.988 374.994 34.2 373.41 35.064C371.85 35.904 370.122 36.324 368.226 36.324ZM368.226 32.76C369.282 32.76 370.266 32.508 371.178 32.004C372.114 31.5 372.87 30.744 373.446 29.736C374.022 28.728 374.31 27.504 374.31 26.064C374.31 24.624 374.034 23.412 373.482 22.428C372.93 21.42 372.198 20.664 371.286 20.16C370.374 19.656 369.39 19.404 368.334 19.404C367.278 19.404 366.294 19.656 365.382 20.16C364.494 20.664 363.786 21.42 363.258 22.428C362.73 23.412 362.466 24.624 362.466 26.064C362.466 28.2 363.006 29.856 364.086 31.032C365.19 32.184 366.57 32.76 368.226 32.76ZM387.367 19.512V30.492C387.367 31.236 387.535 31.776 387.871 32.112C388.231 32.424 388.831 32.58 389.671 32.58H392.191V36H388.951C387.103 36 385.687 35.568 384.703 34.704C383.719 33.84 383.227 32.436 383.227 30.492V19.512H380.887V16.164H383.227V11.232H387.367V16.164H392.191V19.512H387.367ZM400.761 19.512V30.492C400.761 31.236 400.929 31.776 401.265 32.112C401.625 32.424 402.225 32.58 403.065 32.58H405.585V36H402.345C400.497 36 399.081 35.568 398.097 34.704C397.113 33.84 396.621 32.436 396.621 30.492V19.512H394.281V16.164H396.621V11.232H400.761V16.164H405.585V19.512H400.761ZM427.224 16.164L415.056 45.324H410.808L414.84 35.676L407.028 16.164H411.6L417.18 31.284L422.976 16.164H427.224ZM434.425 9.36V36H430.321V9.36H434.425ZM438.445 25.992C438.445 24 438.853 22.236 439.669 20.7C440.509 19.164 441.637 17.976 443.053 17.136C444.493 16.272 446.077 15.84 447.805 15.84C449.365 15.84 450.721 16.152 451.873 16.776C453.049 17.376 453.985 18.132 454.681 19.044V16.164H458.821V36H454.681V33.048C453.985 33.984 453.037 34.764 451.837 35.388C450.637 36.012 449.269 36.324 447.733 36.324C446.029 36.324 444.469 35.892 443.053 35.028C441.637 34.14 440.509 32.916 439.669 31.356C438.853 29.772 438.445 27.984 438.445 25.992ZM454.681 26.064C454.681 24.696 454.393 23.508 453.817 22.5C453.265 21.492 452.533 20.724 451.621 20.196C450.709 19.668 449.725 19.404 448.669 19.404C447.613 19.404 446.629 19.668 445.717 20.196C444.805 20.7 444.061 21.456 443.485 22.464C442.933 23.448 442.657 24.624 442.657 25.992C442.657 27.36 442.933 28.56 443.485 29.592C444.061 30.624 444.805 31.416 445.717 31.968C446.653 32.496 447.637 32.76 448.669 32.76C449.725 32.76 450.709 32.496 451.621 31.968C452.533 31.44 453.265 30.672 453.817 29.664C454.393 28.632 454.681 27.432 454.681 26.064ZM468.316 19.116C469.012 18.156 469.96 17.376 471.16 16.776C472.384 16.152 473.74 15.84 475.228 15.84C476.98 15.84 478.564 16.26 479.98 17.1C481.396 17.94 482.512 19.14 483.328 20.7C484.144 22.236 484.552 24 484.552 25.992C484.552 27.984 484.144 29.772 483.328 31.356C482.512 32.916 481.384 34.14 479.944 35.028C478.528 35.892 476.956 36.324 475.228 36.324C473.692 36.324 472.324 36.024 471.124 35.424C469.948 34.824 469.012 34.056 468.316 33.12V36H464.212V9.36H468.316V19.116ZM480.376 25.992C480.376 24.624 480.088 23.448 479.512 22.464C478.96 21.456 478.216 20.7 477.28 20.196C476.368 19.668 475.384 19.404 474.328 19.404C473.296 19.404 472.312 19.668 471.376 20.196C470.464 20.724 469.72 21.492 469.144 22.5C468.592 23.508 468.316 24.696 468.316 26.064C468.316 27.432 468.592 28.632 469.144 29.664C469.72 30.672 470.464 31.44 471.376 31.968C472.312 32.496 473.296 32.76 474.328 32.76C475.384 32.76 476.368 32.496 477.28 31.968C478.216 31.416 478.96 30.624 479.512 29.592C480.088 28.56 480.376 27.36 480.376 25.992ZM495.81 36.324C494.25 36.324 492.846 36.048 491.598 35.496C490.374 34.92 489.402 34.152 488.682 33.192C487.962 32.208 487.578 31.116 487.53 29.916H491.778C491.85 30.756 492.246 31.464 492.966 32.04C493.71 32.592 494.634 32.868 495.738 32.868C496.89 32.868 497.778 32.652 498.402 32.22C499.05 31.764 499.374 31.188 499.374 30.492C499.374 29.748 499.014 29.196 498.294 28.836C497.598 28.476 496.482 28.08 494.946 27.648C493.458 27.24 492.246 26.844 491.31 26.46C490.374 26.076 489.558 25.488 488.862 24.696C488.19 23.904 487.854 22.86 487.854 21.564C487.854 20.508 488.166 19.548 488.79 18.684C489.414 17.796 490.302 17.1 491.454 16.596C492.63 16.092 493.974 15.84 495.486 15.84C497.742 15.84 499.554 16.416 500.922 17.568C502.314 18.696 503.058 20.244 503.154 22.212H499.05C498.978 21.324 498.618 20.616 497.97 20.088C497.322 19.56 496.446 19.296 495.342 19.296C494.262 19.296 493.434 19.5 492.858 19.908C492.282 20.316 491.994 20.856 491.994 21.528C491.994 22.056 492.186 22.5 492.57 22.86C492.954 23.22 493.422 23.508 493.974 23.724C494.526 23.916 495.342 24.168 496.422 24.48C497.862 24.864 499.038 25.26 499.95 25.668C500.886 26.052 501.69 26.628 502.362 27.396C503.034 28.164 503.382 29.184 503.406 30.456C503.406 31.584 503.094 32.592 502.47 33.48C501.846 34.368 500.958 35.064 499.806 35.568C498.678 36.072 497.346 36.324 495.81 36.324Z"
+					fill="#F7C062"
+				/>
+			</svg>
+		</div>
+	);
+};
 
-export default ScottyLabsTitle
+export default ScottyLabsTitle;
diff --git a/src/components/design/TartanHacksIcon.tsx b/src/components/design/TartanHacksIcon.tsx
index 667e330..f779ee4 100644
--- a/src/components/design/TartanHacksIcon.tsx
+++ b/src/components/design/TartanHacksIcon.tsx
@@ -1,46 +1,46 @@
-import React, { ReactElement } from "react"
+import React, { ReactElement } from 'react';
 
 const TartanHacksIcon = (props: any): ReactElement => {
-  return (
-    <svg
-      width="3775"
-      height="3775"
-      viewBox="0 0 3775 3775"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <rect width="3775" height="3775" fill="black" />
-      <path
-        d="M181 1286.43L181 1890.38L1927.72 1890.38C1059.19 1874.12 358.203 1474.19 181 1286.43Z"
-        fill="#6E9AFD"
-      />
-      <path
-        d="M1927.72 180L1927.72 604.57C1569.74 471.774 1256.99 576.069 1063.97 779.079C1300.34 1039.58 1347.42 1454.62 1058.12 1744.4C767.07 1451.72 819.481 1036.21 1063.97 779.079C870.01 565.323 548.598 455.624 181 604.57L181 180L1927.72 180Z"
-        fill="#F7F1E2"
-      />
-      <path
-        d="M3086.72 1890L2063 1890V3591.61H2254.32C2103.72 2564.13 2840.02 2030.12 3086.72 1890Z"
-        fill="#F7F1E2"
-      />
-      <path
-        d="M2559.2 3591.61L3582.92 3591.61L3582.92 1890L3391.6 1890C3542.2 2917.48 2805.9 3451.49 2559.2 3591.61Z"
-        fill="#F7F1E2"
-      />
-      <path
-        d="M2813.56 2540.33C3092.36 2540.33 3301.62 2743.95 3301.62 2743.95C3301.62 2743.95 3106.14 2940.05 2813.56 2940.05C2520.98 2940.05 2341.17 2743.95 2341.17 2743.95C2341.17 2743.95 2534.76 2540.33 2813.56 2540.33Z"
-        fill="#6E9AFD"
-      />
-      <path
-        d="M190.486 3137.62H932.257L1027.11 2716.4L1011.94 2712.61L1002.45 2733.48C928.463 2909.94 888.624 2972.55 856.373 2972.55L368.814 2970.65V2966.86C697.015 2725.89 863.961 2623.43 863.961 2448.87C863.961 2312.25 746.34 2206 586.983 2206C410.551 2206 279.65 2317.95 198.074 2498.2L211.354 2503.89C270.164 2390.05 346.049 2342.61 452.287 2342.61C564.217 2342.61 653.382 2426.1 653.382 2547.53C653.382 2716.4 547.143 2807.48 181 3086.39L190.486 3137.62Z"
-        fill="#FFC738"
-      />
-      <path
-        d="M1324.44 3519C1601.42 3519 1812 3308.39 1812 3088.29C1812 2906.14 1684.89 2752.45 1457.24 2746.76V2744.86C1591.93 2676.55 1730.42 2598.76 1730.42 2445.07C1730.42 2312.25 1618.49 2206 1447.75 2206C1273.22 2206 1146.11 2317.95 1074.02 2496.3L1087.3 2501.99C1136.63 2390.05 1218.2 2342.61 1322.54 2342.61C1442.06 2342.61 1525.54 2426.1 1525.54 2551.33C1525.54 2705.02 1406.02 2763.84 1165.08 2900.45L1170.78 2917.52C1222 2894.76 1275.12 2879.58 1332.03 2879.58C1498.98 2879.58 1610.91 3004.8 1610.91 3188.85C1610.91 3361.52 1504.67 3490.54 1373.77 3490.54C1345.31 3490.54 1309.26 3481.05 1305.47 3479.15C1320.65 3369.11 1261.84 3260.95 1163.19 3260.95C1102.48 3260.95 1056.95 3304.59 1056.95 3365.31C1056.95 3448.8 1159.39 3519 1324.44 3519Z"
-        fill="#FFC738"
-      />
-    </svg>
-  )
-}
+	return (
+		<svg
+			width="3775"
+			height="3775"
+			viewBox="0 0 3775 3775"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+			{...props}
+		>
+			<rect width="3775" height="3775" fill="black" />
+			<path
+				d="M181 1286.43L181 1890.38L1927.72 1890.38C1059.19 1874.12 358.203 1474.19 181 1286.43Z"
+				fill="#6E9AFD"
+			/>
+			<path
+				d="M1927.72 180L1927.72 604.57C1569.74 471.774 1256.99 576.069 1063.97 779.079C1300.34 1039.58 1347.42 1454.62 1058.12 1744.4C767.07 1451.72 819.481 1036.21 1063.97 779.079C870.01 565.323 548.598 455.624 181 604.57L181 180L1927.72 180Z"
+				fill="#F7F1E2"
+			/>
+			<path
+				d="M3086.72 1890L2063 1890V3591.61H2254.32C2103.72 2564.13 2840.02 2030.12 3086.72 1890Z"
+				fill="#F7F1E2"
+			/>
+			<path
+				d="M2559.2 3591.61L3582.92 3591.61L3582.92 1890L3391.6 1890C3542.2 2917.48 2805.9 3451.49 2559.2 3591.61Z"
+				fill="#F7F1E2"
+			/>
+			<path
+				d="M2813.56 2540.33C3092.36 2540.33 3301.62 2743.95 3301.62 2743.95C3301.62 2743.95 3106.14 2940.05 2813.56 2940.05C2520.98 2940.05 2341.17 2743.95 2341.17 2743.95C2341.17 2743.95 2534.76 2540.33 2813.56 2540.33Z"
+				fill="#6E9AFD"
+			/>
+			<path
+				d="M190.486 3137.62H932.257L1027.11 2716.4L1011.94 2712.61L1002.45 2733.48C928.463 2909.94 888.624 2972.55 856.373 2972.55L368.814 2970.65V2966.86C697.015 2725.89 863.961 2623.43 863.961 2448.87C863.961 2312.25 746.34 2206 586.983 2206C410.551 2206 279.65 2317.95 198.074 2498.2L211.354 2503.89C270.164 2390.05 346.049 2342.61 452.287 2342.61C564.217 2342.61 653.382 2426.1 653.382 2547.53C653.382 2716.4 547.143 2807.48 181 3086.39L190.486 3137.62Z"
+				fill="#FFC738"
+			/>
+			<path
+				d="M1324.44 3519C1601.42 3519 1812 3308.39 1812 3088.29C1812 2906.14 1684.89 2752.45 1457.24 2746.76V2744.86C1591.93 2676.55 1730.42 2598.76 1730.42 2445.07C1730.42 2312.25 1618.49 2206 1447.75 2206C1273.22 2206 1146.11 2317.95 1074.02 2496.3L1087.3 2501.99C1136.63 2390.05 1218.2 2342.61 1322.54 2342.61C1442.06 2342.61 1525.54 2426.1 1525.54 2551.33C1525.54 2705.02 1406.02 2763.84 1165.08 2900.45L1170.78 2917.52C1222 2894.76 1275.12 2879.58 1332.03 2879.58C1498.98 2879.58 1610.91 3004.8 1610.91 3188.85C1610.91 3361.52 1504.67 3490.54 1373.77 3490.54C1345.31 3490.54 1309.26 3481.05 1305.47 3479.15C1320.65 3369.11 1261.84 3260.95 1163.19 3260.95C1102.48 3260.95 1056.95 3304.59 1056.95 3365.31C1056.95 3448.8 1159.39 3519 1324.44 3519Z"
+				fill="#FFC738"
+			/>
+		</svg>
+	);
+};
 
-export default TartanHacksIcon
+export default TartanHacksIcon;
diff --git a/src/components/design/Text/index.module.scss b/src/components/design/Text/index.module.scss
index 0a3f2ae..47ad21f 100644
--- a/src/components/design/Text/index.module.scss
+++ b/src/components/design/Text/index.module.scss
@@ -1,34 +1,34 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .hero {
-  @include font-size($hero-font-sizes);
-  font-weight: 800;
+	@include font-size($hero-font-sizes);
+	font-weight: 800;
 }
 
 .h1 {
-  @include font-size($h1-font-sizes);
-  font-weight: 800;
+	@include font-size($h1-font-sizes);
+	font-weight: 800;
 }
 
 .h2 {
-  @include font-size($h2-font-sizes);
-  font-weight: 500;
+	@include font-size($h2-font-sizes);
+	font-weight: 500;
 }
 
 .body {
-  @include font-size($body-font-sizes);
-  line-height: 1.5;
+	@include font-size($body-font-sizes);
+	line-height: 1.5;
 }
 
 .subtitle {
-  @include font-size($subtitle-font-sizes);
+	@include font-size($subtitle-font-sizes);
 }
 
 .subtitle1 {
-  @include font-size($subtitle1-font-sizes);
+	@include font-size($subtitle1-font-sizes);
 }
 
 .button {
-  @include font-size($button-font-sizes);
+	@include font-size($button-font-sizes);
 }
diff --git a/src/components/design/Text/index.tsx b/src/components/design/Text/index.tsx
index 79f0160..72af653 100644
--- a/src/components/design/Text/index.tsx
+++ b/src/components/design/Text/index.tsx
@@ -1,26 +1,26 @@
-import clsx from "clsx"
-import { ReactNode, ReactElement } from "react"
-import styles from "./index.module.scss"
+import clsx from 'clsx';
+import { ReactNode, ReactElement } from 'react';
+import styles from './index.module.scss';
 
 export type TextVariant =
-  | "hero"
-  | "h1"
-  | "h2"
-  | "body"
-  | "subtitle"
-  | "subtitle1"
-  | "button"
+	| 'hero'
+	| 'h1'
+	| 'h2'
+	| 'body'
+	| 'subtitle'
+	| 'subtitle1'
+	| 'button';
 
 const Text = ({
-  variant = "body",
-  children,
-  className
+	variant = 'body',
+	children,
+	className,
 }: {
-  variant?: TextVariant
-  children?: ReactNode
-  className?: string
+	variant?: TextVariant;
+	children?: ReactNode;
+	className?: string;
 }): ReactElement => {
-  return <div className={clsx(className, styles[variant])}>{children}</div>
-}
+	return <div className={clsx(className, styles[variant])}>{children}</div>;
+};
 
-export default Text
+export default Text;
diff --git a/src/components/design/WaveBackground/index.module.scss b/src/components/design/WaveBackground/index.module.scss
index f9f55a9..94f7685 100644
--- a/src/components/design/WaveBackground/index.module.scss
+++ b/src/components/design/WaveBackground/index.module.scss
@@ -1,52 +1,52 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .waveContainer {
-  position: fixed;
-  width: 100%;
-  overflow: hidden;
-  line-height: 0;
-  z-index: -1;
+	position: fixed;
+	width: 100%;
+	overflow: hidden;
+	line-height: 0;
+	z-index: -1;
 }
 
 .waveSvg {
-  position: absolute;
-  width: 100%;
-  height: 40%;
-  bottom: 0;
-  filter: $drop-shadow;
+	position: absolute;
+	width: 100%;
+	height: 40%;
+	bottom: 0;
+	filter: $drop-shadow;
 }
 
 .strokeLeft {
-  position: absolute;
-  bottom: 0;
-  max-height: 30%;
-  max-width: 40%;
+	position: absolute;
+	bottom: 0;
+	max-height: 30%;
+	max-width: 40%;
 }
 
 .strokeRight {
-  position: absolute;
-  bottom: 0;
-  max-height: 30%;
-  max-width: 40%;
-  right: 0;
+	position: absolute;
+	bottom: 0;
+	max-height: 30%;
+	max-width: 40%;
+	right: 0;
 }
 
 .scottyIcon {
-  position: relative;
-  width: 75px;
-  height: 65px;
+	position: relative;
+	width: 75px;
+	height: 65px;
 
-  @include down($breakpoint-md) {
-    width: 100%;
-  }
+	@include down($breakpoint-md) {
+		width: 100%;
+	}
 
-  margin-right: 1em;
+	margin-right: 1em;
 }
 
 .gradientStart {
-  stop-color: $wave-gradient-color-start;
+	stop-color: $wave-gradient-color-start;
 }
 .gradientStop {
-  stop-color: $wave-gradient-color-end;
+	stop-color: $wave-gradient-color-end;
 }
diff --git a/src/components/design/WaveBackground/index.tsx b/src/components/design/WaveBackground/index.tsx
index 4fc85e4..0e7dc62 100644
--- a/src/components/design/WaveBackground/index.tsx
+++ b/src/components/design/WaveBackground/index.tsx
@@ -1,70 +1,70 @@
-import React, { ReactElement } from "react"
-import styles from "./index.module.scss"
+import React, { ReactElement } from 'react';
+import styles from './index.module.scss';
 
 const WaveBackground = (): ReactElement => {
-  return (
-    <>
-      <div className={styles.waveContainer}>
-        <svg
-          className={styles.waveSvg}
-          viewBox="0 0 1440 465"
-          preserveAspectRatio="none"
-        >
-          <path
-            d="M0 110.433C102.924 53.6918 304.348 55.6107 777.391 55.6107C1193.04 55.6107 1322.46 54.8729 1440 0V465H0V110.433Z"
-            fill="url(#paint0_linear)"
-          />
-          <defs>
-            <linearGradient
-              id="paint0_linear"
-              x1="720"
-              y1="0"
-              x2="720"
-              y2="465"
-              gradientUnits="userSpaceOnUse"
-            >
-              <stop className={styles.gradientStart} />
-              <stop offset="1" className={styles.gradientStop} />
-            </linearGradient>
-          </defs>
-        </svg>
-        <svg
-          width="391"
-          height="436"
-          viewBox="0 0 391 436"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-          className={styles.strokeLeft}
-        >
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M-13.5212 81.7144L289.031 157.863L214.101 2.28059L388.043 31.5697L379.039 85.0404L308.416 73.1486L388.16 238.727L149.238 178.594L268.261 308.018L186.392 352.434L278.318 382.3L261.563 433.87L49.5469 364.988L181.267 293.526L-13.5212 81.7144Z"
-            fill="#FF7AA5"
-            stroke="#1028F1"
-            strokeWidth="3.05691"
-          />
-        </svg>
-        <svg
-          width="317"
-          height="435"
-          viewBox="0 0 317 435"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-          className={styles.strokeRight}
-        >
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M130.367 77.7911C93.8439 69.612 56.4766 78.3422 34.0071 88.9837L3.19959 23.9339C36.573 8.1283 90.4314 -4.91109 146.096 7.55452C204.153 20.5558 259.848 60.4318 293.965 142.284C328.082 224.136 317.196 291.763 285.56 342.15C255.227 390.46 208.052 419.533 173.332 432.109L148.819 364.436C172.195 355.969 204.701 335.575 224.603 303.877C243.201 274.255 253.103 231.333 227.528 169.975C201.954 108.617 164.498 85.4345 130.367 77.7911Z"
-            fill="#735FFF"
-            stroke="#1D34FC"
-            strokeWidth="4"
-          />
-        </svg>
-      </div>
-    </>
-  )
-}
+	return (
+		<>
+			<div className={styles.waveContainer}>
+				<svg
+					className={styles.waveSvg}
+					viewBox="0 0 1440 465"
+					preserveAspectRatio="none"
+				>
+					<path
+						d="M0 110.433C102.924 53.6918 304.348 55.6107 777.391 55.6107C1193.04 55.6107 1322.46 54.8729 1440 0V465H0V110.433Z"
+						fill="url(#paint0_linear)"
+					/>
+					<defs>
+						<linearGradient
+							id="paint0_linear"
+							x1="720"
+							y1="0"
+							x2="720"
+							y2="465"
+							gradientUnits="userSpaceOnUse"
+						>
+							<stop className={styles.gradientStart} />
+							<stop offset="1" className={styles.gradientStop} />
+						</linearGradient>
+					</defs>
+				</svg>
+				<svg
+					width="391"
+					height="436"
+					viewBox="0 0 391 436"
+					fill="none"
+					xmlns="http://www.w3.org/2000/svg"
+					className={styles.strokeLeft}
+				>
+					<path
+						fillRule="evenodd"
+						clipRule="evenodd"
+						d="M-13.5212 81.7144L289.031 157.863L214.101 2.28059L388.043 31.5697L379.039 85.0404L308.416 73.1486L388.16 238.727L149.238 178.594L268.261 308.018L186.392 352.434L278.318 382.3L261.563 433.87L49.5469 364.988L181.267 293.526L-13.5212 81.7144Z"
+						fill="#FF7AA5"
+						stroke="#1028F1"
+						strokeWidth="3.05691"
+					/>
+				</svg>
+				<svg
+					width="317"
+					height="435"
+					viewBox="0 0 317 435"
+					fill="none"
+					xmlns="http://www.w3.org/2000/svg"
+					className={styles.strokeRight}
+				>
+					<path
+						fillRule="evenodd"
+						clipRule="evenodd"
+						d="M130.367 77.7911C93.8439 69.612 56.4766 78.3422 34.0071 88.9837L3.19959 23.9339C36.573 8.1283 90.4314 -4.91109 146.096 7.55452C204.153 20.5558 259.848 60.4318 293.965 142.284C328.082 224.136 317.196 291.763 285.56 342.15C255.227 390.46 208.052 419.533 173.332 432.109L148.819 364.436C172.195 355.969 204.701 335.575 224.603 303.877C243.201 274.255 253.103 231.333 227.528 169.975C201.954 108.617 164.498 85.4345 130.367 77.7911Z"
+						fill="#735FFF"
+						stroke="#1D34FC"
+						strokeWidth="4"
+					/>
+				</svg>
+			</div>
+		</>
+	);
+};
 
-export default WaveBackground
+export default WaveBackground;
diff --git a/src/components/design/WaveFooter/index.module.scss b/src/components/design/WaveFooter/index.module.scss
index 09ecb0e..329a529 100644
--- a/src/components/design/WaveFooter/index.module.scss
+++ b/src/components/design/WaveFooter/index.module.scss
@@ -1,32 +1,32 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .waveContainer {
-  position: fixed;
-  width: 100%;
-  overflow: hidden;
-  line-height: 0;
-  bottom: 0px;
-  z-index: -1;
+	position: fixed;
+	width: 100%;
+	overflow: hidden;
+	line-height: 0;
+	bottom: 0px;
+	z-index: -1;
 }
 
 .waveSvg {
-  width: 100%;
-  height: 465px;
-  filter: $drop-shadow;
-  @include down($breakpoint-md) {
-    height: 15em;
-  }
+	width: 100%;
+	height: 465px;
+	filter: $drop-shadow;
+	@include down($breakpoint-md) {
+		height: 15em;
+	}
 
-  @include down($breakpoint-sm) {
-    height: 10em;
-  }
+	@include down($breakpoint-sm) {
+		height: 10em;
+	}
 }
 
 .gradientStart {
-  stop-color: $gradient-color-start;
+	stop-color: $gradient-color-start;
 }
 
 .gradientEnd {
-  stop-color: $gradient-color-end;
+	stop-color: $gradient-color-end;
 }
diff --git a/src/components/design/WaveFooter/index.tsx b/src/components/design/WaveFooter/index.tsx
index 8406c88..a0cb08f 100644
--- a/src/components/design/WaveFooter/index.tsx
+++ b/src/components/design/WaveFooter/index.tsx
@@ -1,44 +1,44 @@
-import { ReactElement } from "react"
-import styles from "./index.module.scss"
+import { ReactElement } from 'react';
+import styles from './index.module.scss';
 
 const WaveFooter = (): ReactElement => {
-  return (
-    <>
-      <div className={styles.waveContainer}>
-        <svg
-          width="1440"
-          height="465"
-          viewBox="0 0 1440 465"
-          fill="none"
-          preserveAspectRatio="none"
-          xmlns="http://www.w3.org/2000/svg"
-          className={styles.waveSvg}
-        >
-          <path
-            d="M0 110.433C102.924 53.6918 304.348 55.6107 777.391 55.6107C1193.04 55.6107 1322.46 54.8729 1440 0V465H0V110.433Z"
-            fill="url(#paint0_linear_384:274)"
-          />
-          <defs>
-            <linearGradient
-              id="paint0_linear_384:274"
-              x1="720"
-              y1="0"
-              x2="720"
-              y2="465"
-              gradientUnits="userSpaceOnUse"
-            >
-              <stop className={styles.gradientEnd} />
-              <stop
-                className={styles.gradientStart}
-                offset="1"
-                stopOpacity="0.53"
-              />
-            </linearGradient>
-          </defs>
-        </svg>
-      </div>
-    </>
-  )
-}
+	return (
+		<>
+			<div className={styles.waveContainer}>
+				<svg
+					width="1440"
+					height="465"
+					viewBox="0 0 1440 465"
+					fill="none"
+					preserveAspectRatio="none"
+					xmlns="http://www.w3.org/2000/svg"
+					className={styles.waveSvg}
+				>
+					<path
+						d="M0 110.433C102.924 53.6918 304.348 55.6107 777.391 55.6107C1193.04 55.6107 1322.46 54.8729 1440 0V465H0V110.433Z"
+						fill="url(#paint0_linear_384:274)"
+					/>
+					<defs>
+						<linearGradient
+							id="paint0_linear_384:274"
+							x1="720"
+							y1="0"
+							x2="720"
+							y2="465"
+							gradientUnits="userSpaceOnUse"
+						>
+							<stop className={styles.gradientEnd} />
+							<stop
+								className={styles.gradientStart}
+								offset="1"
+								stopOpacity="0.53"
+							/>
+						</linearGradient>
+					</defs>
+				</svg>
+			</div>
+		</>
+	);
+};
 
-export default WaveFooter
+export default WaveFooter;
diff --git a/src/components/design/WaveHeader/index.module.scss b/src/components/design/WaveHeader/index.module.scss
index ede5b39..7c60a7d 100644
--- a/src/components/design/WaveHeader/index.module.scss
+++ b/src/components/design/WaveHeader/index.module.scss
@@ -1,139 +1,139 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .waveContainer {
-  position: absolute;
-  width: 100%;
-  top: 0;
-  overflow: hidden;
-
-  @include height-down($breakpoint-sm) {
-    display: none;
-  }
+	position: absolute;
+	width: 100%;
+	top: 0;
+	overflow: hidden;
+
+	@include height-down($breakpoint-sm) {
+		display: none;
+	}
 }
 
 .headerAssets {
-  position: absolute;
-  display: flex;
-  gap: 1em;
+	position: absolute;
+	display: flex;
+	gap: 1em;
 
-  @include down($breakpoint-xs) {
-    display: none;
-  }
+	@include down($breakpoint-xs) {
+		display: none;
+	}
 }
 
 .link {
-  display: flex;
-  flex-direction: column;
+	display: flex;
+	flex-direction: column;
 }
 
 .headerAssetsDark {
-  flex-direction: column;
-  align-items: center;
-  gap: 0em;
+	flex-direction: column;
+	align-items: center;
+	gap: 0em;
 }
 
 .logo {
-  position: relative;
-  height: 130px;
-  width: 100%;
-  z-index: 11;
-
-  @include down($breakpoint-md) {
-    height: 80px;
-  }
-
-  @include down($breakpoint-sm) {
-    height: 60px;
-  }
-
-  @include down($breakpoint-xs) {
-    display: none;
-  }
+	position: relative;
+	height: 130px;
+	width: 100%;
+	z-index: 11;
+
+	@include down($breakpoint-md) {
+		height: 80px;
+	}
+
+	@include down($breakpoint-sm) {
+		height: 60px;
+	}
+
+	@include down($breakpoint-xs) {
+		display: none;
+	}
 }
 
 .logoLarge {
-  position: relative;
-  height: 160px;
-  width: 100%;
-  z-index: 11;
-
-  @include down($breakpoint-md) {
-    height: 80px;
-  }
-
-  @include down($breakpoint-sm) {
-    height: 60px;
-  }
+	position: relative;
+	height: 160px;
+	width: 100%;
+	z-index: 11;
+
+	@include down($breakpoint-md) {
+		height: 80px;
+	}
+
+	@include down($breakpoint-sm) {
+		height: 60px;
+	}
 }
 
 .title {
-  position: relative;
-  z-index: 11;
-  opacity: 0.6;
-  font-weight: 600;
+	position: relative;
+	z-index: 11;
+	opacity: 0.6;
+	font-weight: 600;
 
-  color: $text-color-contrast;
+	color: $text-color-contrast;
 }
 
 .subtitle {
-  position: relative;
-  z-index: 11;
-  color: $text-color-contrast;
+	position: relative;
+	z-index: 11;
+	color: $text-color-contrast;
 }
 
 .waveSvg {
-  position: relative;
-  width: 100%;
-  height: 250px;
-  filter: $drop-shadow;
-  z-index: 10;
-
-  @include down($breakpoint-md) {
-    height: 150px;
-  }
-
-  @include down($breakpoint-sm) {
-    height: 140px;
-  }
-
-  @include down($breakpoint-xs) {
-    height: 130px;
-  }
+	position: relative;
+	width: 100%;
+	height: 250px;
+	filter: $drop-shadow;
+	z-index: 10;
+
+	@include down($breakpoint-md) {
+		height: 150px;
+	}
+
+	@include down($breakpoint-sm) {
+		height: 140px;
+	}
+
+	@include down($breakpoint-xs) {
+		height: 130px;
+	}
 }
 
 .waveSvgStart {
-  stop-color: $wave-gradient-color-end;
+	stop-color: $wave-gradient-color-end;
 }
 
 .waveSvgEnd {
-  stop-color: $wave-gradient-color-start;
+	stop-color: $wave-gradient-color-start;
 }
 
 .textDark {
-  color: $text-color-primary;
-  opacity: 1;
+	color: $text-color-primary;
+	opacity: 1;
 }
 
 .titleContainer {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 1em;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 1em;
 }
 
 .light {
-  width: 100%;
-  background-color: white;
-  z-index: 10;
+	width: 100%;
+	background-color: white;
+	z-index: 10;
 
-  @include height-down($breakpoint-sm) {
-    display: none;
-  }
+	@include height-down($breakpoint-sm) {
+		display: none;
+	}
 }
 
 .byline {
-  @include down($breakpoint-md) {
-    display: none;
-  }
+	@include down($breakpoint-md) {
+		display: none;
+	}
 }
diff --git a/src/components/design/WaveHeader/index.tsx b/src/components/design/WaveHeader/index.tsx
index e2eb8a1..b47dfd2 100644
--- a/src/components/design/WaveHeader/index.tsx
+++ b/src/components/design/WaveHeader/index.tsx
@@ -1,99 +1,99 @@
-import { Link, Typography } from "@mui/material"
-import NextLink from "next/link"
-import { ReactElement } from "react"
-import Text from "../Text"
-import styles from "./index.module.scss"
-import Logo from "../Logo"
-import clsx from "clsx"
+import { Link, Typography } from '@mui/material';
+import NextLink from 'next/link';
+import { ReactElement } from 'react';
+import Text from '../Text';
+import styles from './index.module.scss';
+import Logo from '../Logo';
+import clsx from 'clsx';
 
-type WaveHeaderVariant = "dark" | "light"
+type WaveHeaderVariant = 'dark' | 'light';
 
 interface WaveHeaderProps {
-  variant: WaveHeaderVariant
+	variant: WaveHeaderVariant;
 }
 
 const WaveHeader = ({ variant }: WaveHeaderProps): ReactElement => {
-  const wave = (
-    <svg
-      className={styles.waveSvg}
-      viewBox="0 0 1440 420"
-      preserveAspectRatio="none"
-    >
-      <path
-        d="M1440 251.445C1337.08 331.37 1135.65 328.667 662.609 328.667C246.957 328.667 117.54 329.706 0 407L5.72619e-05 -248L1440 -248L1440 251.445Z"
-        fill="url(#paint0_linear)"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear"
-          x1="720"
-          y1="407"
-          x2="720"
-          y2="-248"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop className={styles.waveSvgStart} />
-          <stop className={styles.waveSvgEnd} offset="1" />
-        </linearGradient>
-      </defs>
-    </svg>
-  )
-  const inner = new Map<WaveHeaderVariant, ReactElement>()
-  inner.set(
-    "dark",
-    <div className={clsx(styles.headerAssets, styles.headerAssetsDark)}>
-      <Link href="/">
-        <Logo className={styles.logoLarge} variant="large" />
-      </Link>
-      <Typography variant="body1" className={styles.subtitle}>
-        Feb 2-3, 2024
-      </Typography>
-    </div>
-  )
+	const wave = (
+		<svg
+			className={styles.waveSvg}
+			viewBox="0 0 1440 420"
+			preserveAspectRatio="none"
+		>
+			<path
+				d="M1440 251.445C1337.08 331.37 1135.65 328.667 662.609 328.667C246.957 328.667 117.54 329.706 0 407L5.72619e-05 -248L1440 -248L1440 251.445Z"
+				fill="url(#paint0_linear)"
+			/>
+			<defs>
+				<linearGradient
+					id="paint0_linear"
+					x1="720"
+					y1="407"
+					x2="720"
+					y2="-248"
+					gradientUnits="userSpaceOnUse"
+				>
+					<stop className={styles.waveSvgStart} />
+					<stop className={styles.waveSvgEnd} offset="1" />
+				</linearGradient>
+			</defs>
+		</svg>
+	);
+	const inner = new Map<WaveHeaderVariant, ReactElement>();
+	inner.set(
+		'dark',
+		<div className={clsx(styles.headerAssets, styles.headerAssetsDark)}>
+			<Link href="/">
+				<Logo className={styles.logoLarge} variant="large" />
+			</Link>
+			<Typography variant="body1" className={styles.subtitle}>
+				Feb 2-3, 2024
+			</Typography>
+		</div>,
+	);
 
-  inner.set(
-    "light",
-    <div className={`${styles.headerAssets} ${styles.light}`}>
-      <Link href="/">
-        <Logo className={styles.logo} variant="medium" />
-      </Link>
-      <div className={styles.link}>
-        <NextLink href="/" passHref>
-          <Link underline="none">
-            <div className={styles.titleContainer}>
-              <Text
-                variant="h1"
-                className={`${styles.title} ${styles.textDark}`}
-              >
-                TartanHacks
-              </Text>
-              <Text
-                variant="h2"
-                className={`${styles.subtitle} ${styles.textDark} ${styles.byline}`}
-              >
-                by ScottyLabs
-              </Text>
-            </div>
-            <Text
-              variant="h2"
-              className={`${styles.subtitle} ${styles.textDark}`}
-            >
-              Feb 2-3, 2024
-            </Text>
-          </Link>
-        </NextLink>
-      </div>
-    </div>
-  )
+	inner.set(
+		'light',
+		<div className={`${styles.headerAssets} ${styles.light}`}>
+			<Link href="/">
+				<Logo className={styles.logo} variant="medium" />
+			</Link>
+			<div className={styles.link}>
+				<NextLink href="/" passHref>
+					<Link underline="none">
+						<div className={styles.titleContainer}>
+							<Text
+								variant="h1"
+								className={`${styles.title} ${styles.textDark}`}
+							>
+								TartanHacks
+							</Text>
+							<Text
+								variant="h2"
+								className={`${styles.subtitle} ${styles.textDark} ${styles.byline}`}
+							>
+								by ScottyLabs
+							</Text>
+						</div>
+						<Text
+							variant="h2"
+							className={`${styles.subtitle} ${styles.textDark}`}
+						>
+							Feb 2-3, 2024
+						</Text>
+					</Link>
+				</NextLink>
+			</div>
+		</div>,
+	);
 
-  return (
-    <>
-      <div className={styles.waveContainer}>
-        {inner.get(variant)}
-        {variant == "dark" && wave}
-      </div>
-    </>
-  )
-}
+	return (
+		<>
+			<div className={styles.waveContainer}>
+				{inner.get(variant)}
+				{variant == 'dark' && wave}
+			</div>
+		</>
+	);
+};
 
-export default WaveHeader
+export default WaveHeader;
diff --git a/src/components/form/ApplicationForm/BasicSection.tsx b/src/components/form/ApplicationForm/BasicSection.tsx
index f974333..2019d20 100644
--- a/src/components/form/ApplicationForm/BasicSection.tsx
+++ b/src/components/form/ApplicationForm/BasicSection.tsx
@@ -1,232 +1,237 @@
-import { TextField, Typography } from "@mui/material"
-import { Autocomplete } from "@mui/material"
-import { Ethnicity, Gender } from "enums/Profile"
+import { TextField, Typography } from '@mui/material';
+import { Autocomplete } from '@mui/material';
+import { Ethnicity, Gender } from 'enums/Profile';
 import React, {
-  Dispatch,
-  ReactElement,
-  SetStateAction,
-  useEffect,
-  useState
-} from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import { BasicFields } from "types/ApplicationForm"
-import { RootState } from "types/RootState"
-import styles from "./index.module.scss"
+	Dispatch,
+	ReactElement,
+	SetStateAction,
+	useEffect,
+	useState,
+} from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { BasicFields } from 'types/ApplicationForm';
+import { RootState } from 'types/RootState';
+import styles from './index.module.scss';
 
 const BasicSection = ({
-  validate,
-  setValidate,
-  setValid
+	validate,
+	setValidate,
+	setValid,
 }: {
-  validate: boolean
-  setValidate: Dispatch<SetStateAction<boolean>>
-  setValid: Dispatch<SetStateAction<boolean>>
+	validate: boolean;
+	setValidate: Dispatch<SetStateAction<boolean>>;
+	setValid: Dispatch<SetStateAction<boolean>>;
 }): ReactElement => {
-  const dispatch = useDispatch()
+	const dispatch = useDispatch();
 
-  const fetchedProfile = useSelector(
-    (state: RootState) => state?.application?.fetchedProfile
-  )
-  const basicFields =
-    useSelector((state: RootState) => state?.application?.basic) ?? {}
+	const fetchedProfile = useSelector(
+		(state: RootState) => state?.application?.fetchedProfile,
+	);
+	const basicFields =
+		useSelector((state: RootState) => state?.application?.basic) ?? {};
 
-  // Basic information
-  const [displayName, setDisplayName] = useState<string>("")
-  const [firstName, setFirstName] = useState<string>("")
-  const [middleName, setMiddleName] = useState<string>("")
-  const [lastName, setLastName] = useState<string>("")
-  const [gender, setGender] = useState<Gender | null>(null)
-  const [genderOther, setGenderOther] = useState<string>("")
-  const [ethnicity, setEthnicity] = useState<Ethnicity | null>(null)
-  const [ethnicityOther, setEthnicityOther] = useState<string>("")
-  const [age, setAge] = useState<string>("")
+	// Basic information
+	const [displayName, setDisplayName] = useState<string>('');
+	const [firstName, setFirstName] = useState<string>('');
+	const [middleName, setMiddleName] = useState<string>('');
+	const [lastName, setLastName] = useState<string>('');
+	const [gender, setGender] = useState<Gender | null>(null);
+	const [genderOther, setGenderOther] = useState<string>('');
+	const [ethnicity, setEthnicity] = useState<Ethnicity | null>(null);
+	const [ethnicityOther, setEthnicityOther] = useState<string>('');
+	const [age, setAge] = useState<string>('');
 
-  // Error fields
-  const [displayNameErrorStatus, setDisplayNameErrorStatus] = useState(false)
-  const [ageErrorStatus, setAgeErrorStatus] = useState(false)
-  const [ageHelper, setAgeHelper] = useState<string>("")
-  const [displayNameHelper, setDisplayNameHelper] = useState<string>(
-    "Your display name is used in your leaderboard ranking"
-  )
+	// Error fields
+	const [displayNameErrorStatus, setDisplayNameErrorStatus] = useState(false);
+	const [ageErrorStatus, setAgeErrorStatus] = useState(false);
+	const [ageHelper, setAgeHelper] = useState<string>('');
+	const [displayNameHelper, setDisplayNameHelper] = useState<string>(
+		'Your display name is used in your leaderboard ranking',
+	);
 
-  const validateForm = async () => {
-    let valid = true
-    const { data: displayNameAvailable } = await dispatch(
-      actions.application.checkDisplayName(displayName)
-    )
-    if (!displayNameAvailable) {
-      setDisplayNameErrorStatus(true)
-      setDisplayNameHelper(
-        "That display name is taken. Please choose something else"
-      )
-      valid = false
-    } else {
-      setDisplayNameErrorStatus(false)
-      setDisplayNameHelper(
-        "Your display name is used in your leaderboard ranking"
-      )
-    }
+	const validateForm = async () => {
+		let valid = true;
+		const { data: displayNameAvailable } = await dispatch(
+			actions.application.checkDisplayName(displayName),
+		);
+		if (!displayNameAvailable) {
+			setDisplayNameErrorStatus(true);
+			setDisplayNameHelper(
+				'That display name is taken. Please choose something else',
+			);
+			valid = false;
+		} else {
+			setDisplayNameErrorStatus(false);
+			setDisplayNameHelper(
+				'Your display name is used in your leaderboard ranking',
+			);
+		}
 
-    const ageNum = parseInt(age)
-    if (age && (ageNum < 0 || isNaN(ageNum))) {
-      valid = false
-      setAgeErrorStatus(true)
-      setAgeHelper("Please enter a valid age")
-    } else if (age && ageNum < 18) {
-      valid = false
-      setAgeErrorStatus(true)
-      setAgeHelper("You must be at least 18 years old to apply")
-    } else {
-      setAgeErrorStatus(false)
-      setAgeHelper("")
-    }
+		const ageNum = parseInt(age);
+		if (age && (ageNum < 0 || isNaN(ageNum))) {
+			valid = false;
+			setAgeErrorStatus(true);
+			setAgeHelper('Please enter a valid age');
+		} else if (age && ageNum < 18) {
+			valid = false;
+			setAgeErrorStatus(true);
+			setAgeHelper('You must be at least 18 years old to apply');
+		} else {
+			setAgeErrorStatus(false);
+			setAgeHelper('');
+		}
 
-    if (valid) {
-      const data: BasicFields = {
-        displayName,
-        firstName,
-        lastName,
-        gender: gender as Gender,
-        ethnicity: ethnicity as Ethnicity,
-        middleName
-      }
-      data.age = ageNum
-      if (gender === Gender.OTHER) {
-        data.genderOther = genderOther
-      }
-      if (ethnicity == Ethnicity.OTHER) {
-        data.ethnicityOther = ethnicityOther
-      }
-      await dispatch(actions.application.saveBasic(data))
-    }
+		if (valid) {
+			const data: BasicFields = {
+				displayName,
+				firstName,
+				lastName,
+				gender: gender as Gender,
+				ethnicity: ethnicity as Ethnicity,
+				middleName,
+			};
+			data.age = ageNum;
+			if (gender === Gender.OTHER) {
+				data.genderOther = genderOther;
+			}
+			if (ethnicity == Ethnicity.OTHER) {
+				data.ethnicityOther = ethnicityOther;
+			}
+			await dispatch(actions.application.saveBasic(data));
+		}
 
-    setValid(valid)
-    setValidate(false)
-  }
+		setValid(valid);
+		setValidate(false);
+	};
 
-  useEffect(() => {
-    if (validate) {
-      validateForm()
-    }
-    // eslint-disable-next-line
-  }, [validate])
+	useEffect(() => {
+		if (validate) {
+			validateForm();
+		}
+		// eslint-disable-next-line
+	}, [validate]);
 
-  useEffect(() => {
-    if (fetchedProfile) {
-      setDisplayName(basicFields?.displayName)
-      setFirstName(basicFields?.firstName)
-      setMiddleName(basicFields?.middleName ?? "")
-      if (basicFields?.age) {
-        setAge(String(basicFields?.age))
-      }
-      setLastName(basicFields?.lastName)
-      setGender(basicFields?.gender)
-      setGenderOther(basicFields?.genderOther ?? "")
-      setEthnicity(basicFields?.ethnicity)
-      setEthnicityOther(basicFields?.ethnicityOther ?? "")
-    }
-    // eslint-disable-next-line
-  }, [fetchedProfile])
+	useEffect(() => {
+		if (fetchedProfile) {
+			setDisplayName(basicFields?.displayName);
+			setFirstName(basicFields?.firstName);
+			setMiddleName(basicFields?.middleName ?? '');
+			if (basicFields?.age) {
+				setAge(String(basicFields?.age));
+			}
+			setLastName(basicFields?.lastName);
+			setGender(basicFields?.gender);
+			setGenderOther(basicFields?.genderOther ?? '');
+			setEthnicity(basicFields?.ethnicity);
+			setEthnicityOther(basicFields?.ethnicityOther ?? '');
+		}
+		// eslint-disable-next-line
+	}, [fetchedProfile]);
 
-  return (
-    <div className={styles.section}>
-      <Typography variant="h5" className={styles.sectionHeader}>
-        Personal Info
-      </Typography>
-      <TextField
-        label="Display Name"
-        variant="outlined"
-        error={displayNameErrorStatus}
-        helperText={displayNameHelper}
-        required
-        fullWidth
-        value={displayName}
-        onChange={(e) => {
-          setDisplayName(e.target.value)
-        }}
-      />
-      <TextField
-        label="First Name"
-        variant="outlined"
-        required
-        fullWidth
-        value={firstName}
-        onChange={(e) => {
-          setFirstName(e.target.value)
-        }}
-      />
-      <TextField
-        label="Middle Names"
-        variant="outlined"
-        fullWidth
-        value={middleName}
-        onChange={(e) => {
-          setMiddleName(e.target.value)
-        }}
-      />
-      <TextField
-        label="Last Name"
-        variant="outlined"
-        required
-        fullWidth
-        value={lastName}
-        onChange={(e) => {
-          setLastName(e.target.value)
-        }}
-      />
-      <div className={styles.fieldRow}>
-        <Autocomplete
-          options={Object.values(Gender)}
-          value={gender}
-          onChange={(e, value) => setGender(value)}
-          renderInput={(params) => (
-            <TextField variant="outlined" {...params} label="Gender" required />
-          )}
-        />
-        {gender === Gender.OTHER ? (
-          <TextField
-            variant="outlined"
-            value={genderOther}
-            label="Gender (other)"
-            onChange={(e) => setGenderOther(e.target.value)}
-          />
-        ) : null}
-        <Autocomplete
-          options={Object.values(Ethnicity)}
-          value={ethnicity}
-          onChange={(e, value) => setEthnicity(value)}
-          renderInput={(params) => (
-            <TextField
-              variant="outlined"
-              {...params}
-              label="Ethnicity"
-              required
-            />
-          )}
-        />
-        {ethnicity === Ethnicity.OTHER ? (
-          <TextField
-            variant="outlined"
-            value={ethnicityOther}
-            label="Ethnicity (other)"
-            onChange={(e) => setEthnicityOther(e.target.value)}
-          />
-        ) : null}
-      </div>
-      <TextField
-        label="Age"
-        error={ageErrorStatus}
-        helperText={ageHelper}
-        variant="outlined"
-        fullWidth
-        value={age}
-        onChange={(e) => {
-          setAge(e.target.value)
-        }}
-      />
-    </div>
-  )
-}
+	return (
+		<div className={styles.section}>
+			<Typography variant="h5" className={styles.sectionHeader}>
+				Personal Info
+			</Typography>
+			<TextField
+				label="Display Name"
+				variant="outlined"
+				error={displayNameErrorStatus}
+				helperText={displayNameHelper}
+				required
+				fullWidth
+				value={displayName}
+				onChange={(e) => {
+					setDisplayName(e.target.value);
+				}}
+			/>
+			<TextField
+				label="First Name"
+				variant="outlined"
+				required
+				fullWidth
+				value={firstName}
+				onChange={(e) => {
+					setFirstName(e.target.value);
+				}}
+			/>
+			<TextField
+				label="Middle Names"
+				variant="outlined"
+				fullWidth
+				value={middleName}
+				onChange={(e) => {
+					setMiddleName(e.target.value);
+				}}
+			/>
+			<TextField
+				label="Last Name"
+				variant="outlined"
+				required
+				fullWidth
+				value={lastName}
+				onChange={(e) => {
+					setLastName(e.target.value);
+				}}
+			/>
+			<div className={styles.fieldRow}>
+				<Autocomplete
+					options={Object.values(Gender)}
+					value={gender}
+					onChange={(e, value) => setGender(value)}
+					renderInput={(params) => (
+						<TextField
+							variant="outlined"
+							{...params}
+							label="Gender"
+							required
+						/>
+					)}
+				/>
+				{gender === Gender.OTHER ? (
+					<TextField
+						variant="outlined"
+						value={genderOther}
+						label="Gender (other)"
+						onChange={(e) => setGenderOther(e.target.value)}
+					/>
+				) : null}
+				<Autocomplete
+					options={Object.values(Ethnicity)}
+					value={ethnicity}
+					onChange={(e, value) => setEthnicity(value)}
+					renderInput={(params) => (
+						<TextField
+							variant="outlined"
+							{...params}
+							label="Ethnicity"
+							required
+						/>
+					)}
+				/>
+				{ethnicity === Ethnicity.OTHER ? (
+					<TextField
+						variant="outlined"
+						value={ethnicityOther}
+						label="Ethnicity (other)"
+						onChange={(e) => setEthnicityOther(e.target.value)}
+					/>
+				) : null}
+			</div>
+			<TextField
+				label="Age"
+				error={ageErrorStatus}
+				helperText={ageHelper}
+				variant="outlined"
+				fullWidth
+				value={age}
+				onChange={(e) => {
+					setAge(e.target.value);
+				}}
+			/>
+		</div>
+	);
+};
 
-export default BasicSection
+export default BasicSection;
diff --git a/src/components/form/ApplicationForm/EssaySection.tsx b/src/components/form/ApplicationForm/EssaySection.tsx
index 85e681f..b1a2500 100644
--- a/src/components/form/ApplicationForm/EssaySection.tsx
+++ b/src/components/form/ApplicationForm/EssaySection.tsx
@@ -1,82 +1,85 @@
-import { TextField, Typography } from "@mui/material"
+import { TextField, Typography } from '@mui/material';
 import React, {
-  Dispatch,
-  ReactElement,
-  SetStateAction,
-  useEffect,
-  useState
-} from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import { EssayFields } from "types/ApplicationForm"
-import { RootState } from "types/RootState"
-import styles from "./index.module.scss"
+	Dispatch,
+	ReactElement,
+	SetStateAction,
+	useEffect,
+	useState,
+} from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { EssayFields } from 'types/ApplicationForm';
+import { RootState } from 'types/RootState';
+import styles from './index.module.scss';
 
 const EssaySection = ({
-  validate,
-  setValidate,
-  setValid
+	validate,
+	setValidate,
+	setValid,
 }: {
-  validate: boolean
-  setValidate: Dispatch<SetStateAction<boolean>>
-  setValid: Dispatch<SetStateAction<boolean>>
+	validate: boolean;
+	setValidate: Dispatch<SetStateAction<boolean>>;
+	setValid: Dispatch<SetStateAction<boolean>>;
 }): ReactElement => {
-  const dispatch = useDispatch()
+	const dispatch = useDispatch();
 
-  const fetchedProfile = useSelector(
-    (state: RootState) => state?.application?.fetchedProfile
-  )
-  const essayStore =
-    useSelector((state: RootState) => state?.application?.essays?.essays) ?? []
+	const fetchedProfile = useSelector(
+		(state: RootState) => state?.application?.fetchedProfile,
+	);
+	const essayStore =
+		useSelector((state: RootState) => state?.application?.essays?.essays) ??
+		[];
 
-  // Essays
-  const [essay, setEssay] = useState<string>("")
+	// Essays
+	const [essay, setEssay] = useState<string>('');
 
-  const validateForm = async () => {
-    const data: EssayFields = { essays: [essay] }
-    await dispatch(actions.application.saveEssay(data))
-    setValid(true)
-    setValidate(false)
-  }
+	const validateForm = async () => {
+		const data: EssayFields = { essays: [essay] };
+		await dispatch(actions.application.saveEssay(data));
+		setValid(true);
+		setValidate(false);
+	};
 
-  useEffect(() => {
-    if (validate) {
-      validateForm()
-    }
-    // eslint-disable-next-line
-  }, [validate])
+	useEffect(() => {
+		if (validate) {
+			validateForm();
+		}
+		// eslint-disable-next-line
+	}, [validate]);
 
-  useEffect(() => {
-    if (fetchedProfile && essayStore && essayStore.length > 0) {
-      setEssay(essayStore[0])
-    }
-    // eslint-disable-next-line
-  }, [fetchedProfile])
+	useEffect(() => {
+		if (fetchedProfile && essayStore && essayStore.length > 0) {
+			setEssay(essayStore[0]);
+		}
+		// eslint-disable-next-line
+	}, [fetchedProfile]);
 
-  const maxChars = 5000
+	const maxChars = 5000;
 
-  return (
-    <div className={styles.section}>
-      <Typography variant="h5" className={styles.sectionHeader}>
-        Short Response
-      </Typography>
-      <Typography variant="body1">
-        What do you want to build at TartanHacks? (1 paragraph)
-      </Typography>
-      <TextField
-        label="Write answer here"
-        variant="outlined"
-        required
-        fullWidth
-        multiline
-        value={essay}
-        helperText={"No need to have a polished idea, just follow your heart!"}
-        onChange={(e) => {
-          setEssay(e.target.value.slice(0, maxChars))
-        }}
-      />
-    </div>
-  )
-}
+	return (
+		<div className={styles.section}>
+			<Typography variant="h5" className={styles.sectionHeader}>
+				Short Response
+			</Typography>
+			<Typography variant="body1">
+				What do you want to build at TartanHacks? (1 paragraph)
+			</Typography>
+			<TextField
+				label="Write answer here"
+				variant="outlined"
+				required
+				fullWidth
+				multiline
+				value={essay}
+				helperText={
+					'No need to have a polished idea, just follow your heart!'
+				}
+				onChange={(e) => {
+					setEssay(e.target.value.slice(0, maxChars));
+				}}
+			/>
+		</div>
+	);
+};
 
-export default EssaySection
+export default EssaySection;
diff --git a/src/components/form/ApplicationForm/ExperienceSection.tsx b/src/components/form/ApplicationForm/ExperienceSection.tsx
index 09223d8..b296570 100644
--- a/src/components/form/ApplicationForm/ExperienceSection.tsx
+++ b/src/components/form/ApplicationForm/ExperienceSection.tsx
@@ -1,83 +1,83 @@
-import { TextField, Typography } from "@mui/material"
-import { Autocomplete } from "@mui/material"
-import { HackathonExperience } from "enums/Profile"
+import { TextField, Typography } from '@mui/material';
+import { Autocomplete } from '@mui/material';
+import { HackathonExperience } from 'enums/Profile';
 import React, {
-  Dispatch,
-  ReactElement,
-  SetStateAction,
-  useEffect,
-  useState
-} from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import { ExperienceFields } from "types/ApplicationForm"
-import { RootState } from "types/RootState"
-import styles from "./index.module.scss"
+	Dispatch,
+	ReactElement,
+	SetStateAction,
+	useEffect,
+	useState,
+} from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { ExperienceFields } from 'types/ApplicationForm';
+import { RootState } from 'types/RootState';
+import styles from './index.module.scss';
 
 const ExperienceSection = ({
-  validate,
-  setValidate,
-  setValid
+	validate,
+	setValidate,
+	setValid,
 }: {
-  validate: boolean
-  setValidate: Dispatch<SetStateAction<boolean>>
-  setValid: Dispatch<SetStateAction<boolean>>
+	validate: boolean;
+	setValidate: Dispatch<SetStateAction<boolean>>;
+	setValid: Dispatch<SetStateAction<boolean>>;
 }): ReactElement => {
-  const dispatch = useDispatch()
+	const dispatch = useDispatch();
 
-  const fetchedProfile = useSelector(
-    (state: RootState) => state?.application?.fetchedProfile
-  )
-  const experienceFields =
-    useSelector((state: RootState) => state?.application?.experience) ?? {}
+	const fetchedProfile = useSelector(
+		(state: RootState) => state?.application?.fetchedProfile,
+	);
+	const experienceFields =
+		useSelector((state: RootState) => state?.application?.experience) ?? {};
 
-  // Experience
-  const [hackathonExperience, setHackathonExperience] =
-    useState<HackathonExperience | null>(null)
+	// Experience
+	const [hackathonExperience, setHackathonExperience] =
+		useState<HackathonExperience | null>(null);
 
-  const validateForm = async () => {
-    const data: ExperienceFields = {
-      hackathonExperience: hackathonExperience as HackathonExperience
-    }
-    await dispatch(actions.application.saveExperience(data))
-    setValid(true)
-    setValidate(false)
-  }
+	const validateForm = async () => {
+		const data: ExperienceFields = {
+			hackathonExperience: hackathonExperience as HackathonExperience,
+		};
+		await dispatch(actions.application.saveExperience(data));
+		setValid(true);
+		setValidate(false);
+	};
 
-  useEffect(() => {
-    if (validate) {
-      validateForm()
-    }
-    // eslint-disable-next-line
-  }, [validate])
+	useEffect(() => {
+		if (validate) {
+			validateForm();
+		}
+		// eslint-disable-next-line
+	}, [validate]);
 
-  useEffect(() => {
-    if (fetchedProfile) {
-      setHackathonExperience(experienceFields.hackathonExperience)
-    }
-    // eslint-disable-next-line
-  }, [fetchedProfile])
+	useEffect(() => {
+		if (fetchedProfile) {
+			setHackathonExperience(experienceFields.hackathonExperience);
+		}
+		// eslint-disable-next-line
+	}, [fetchedProfile]);
 
-  return (
-    <div className={styles.section}>
-      <Typography variant="h5" className={styles.sectionHeader}>
-        Experience
-      </Typography>
-      <Autocomplete
-        options={Object.values(HackathonExperience)}
-        value={hackathonExperience}
-        onChange={(e, value) => setHackathonExperience(value)}
-        renderInput={(params) => (
-          <TextField
-            variant="outlined"
-            {...params}
-            label="Years of Hackathon Experience"
-            required
-          />
-        )}
-      />
-    </div>
-  )
-}
+	return (
+		<div className={styles.section}>
+			<Typography variant="h5" className={styles.sectionHeader}>
+				Experience
+			</Typography>
+			<Autocomplete
+				options={Object.values(HackathonExperience)}
+				value={hackathonExperience}
+				onChange={(e, value) => setHackathonExperience(value)}
+				renderInput={(params) => (
+					<TextField
+						variant="outlined"
+						{...params}
+						label="Years of Hackathon Experience"
+						required
+					/>
+				)}
+			/>
+		</div>
+	);
+};
 
-export default ExperienceSection
+export default ExperienceSection;
diff --git a/src/components/form/ApplicationForm/LogisticsSection.tsx b/src/components/form/ApplicationForm/LogisticsSection.tsx
index 07b25cb..c10a57a 100644
--- a/src/components/form/ApplicationForm/LogisticsSection.tsx
+++ b/src/components/form/ApplicationForm/LogisticsSection.tsx
@@ -1,129 +1,136 @@
 import {
-  Checkbox,
-  Chip,
-  FormControlLabel,
-  FormGroup,
-  TextField,
-  Typography
-} from "@mui/material"
-import { Autocomplete } from "@mui/material"
-import { Region, ShirtSize } from "enums/Profile"
+	Checkbox,
+	Chip,
+	FormControlLabel,
+	FormGroup,
+	TextField,
+	Typography,
+} from '@mui/material';
+import { Autocomplete } from '@mui/material';
+import { Region, ShirtSize } from 'enums/Profile';
 import React, {
-  Dispatch,
-  ReactElement,
-  SetStateAction,
-  useEffect,
-  useState
-} from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import isValidPhoneNumber from "src/util/isValidPhoneNumber"
-import { LogisticsFields } from "types/ApplicationForm"
-import { RootState } from "types/RootState"
-import styles from "./index.module.scss"
-import { dietaryRestrictionsList, shirtSizeVerbose } from "src/util/lists"
+	Dispatch,
+	ReactElement,
+	SetStateAction,
+	useEffect,
+	useState,
+} from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import isValidPhoneNumber from 'src/util/isValidPhoneNumber';
+import { LogisticsFields } from 'types/ApplicationForm';
+import { RootState } from 'types/RootState';
+import styles from './index.module.scss';
+import { dietaryRestrictionsList, shirtSizeVerbose } from 'src/util/lists';
 
 const LogisticsSection = ({
-  validate,
-  setValidate,
-  setValid,
-  isCMUStudent
+	validate,
+	setValidate,
+	setValid,
+	isCMUStudent,
 }: {
-  validate: boolean
-  setValidate: Dispatch<SetStateAction<boolean>>
-  setValid: Dispatch<SetStateAction<boolean>>
-  isCMUStudent: boolean
+	validate: boolean;
+	setValidate: Dispatch<SetStateAction<boolean>>;
+	setValid: Dispatch<SetStateAction<boolean>>;
+	isCMUStudent: boolean;
 }): ReactElement => {
-  const dispatch = useDispatch()
+	const dispatch = useDispatch();
 
-  const fetchedProfile = useSelector(
-    (state: RootState) => state?.application?.fetchedProfile
-  )
+	const fetchedProfile = useSelector(
+		(state: RootState) => state?.application?.fetchedProfile,
+	);
 
-  const logisticsFields =
-    useSelector((state: RootState) => state?.application?.logistics) ?? {}
+	const logisticsFields =
+		useSelector((state: RootState) => state?.application?.logistics) ?? {};
 
-  // Logistics information
-  const [dietaryRestrictions, setDietaryRestrictions] = useState<string[]>([])
-  const [shirtSize, setShirtSize] = useState<ShirtSize | null>(null)
-  const [wantsHardware, setWantsHardware] = useState<boolean>(false)
-  const [attendingPhysically, setAttendingPhysically] = useState<boolean>(true)
-  const [address, setAddress] = useState<string>("")
-  const [notes, setNotes] = useState<string>("")
-  const [region, setRegion] = useState<Region>(Region.URBAN)
-  const [phoneNumber, setPhoneNumber] = useState<string>("")
+	// Logistics information
+	const [dietaryRestrictions, setDietaryRestrictions] = useState<string[]>(
+		[],
+	);
+	const [shirtSize, setShirtSize] = useState<ShirtSize | null>(null);
+	const [wantsHardware, setWantsHardware] = useState<boolean>(false);
+	const [attendingPhysically, setAttendingPhysically] =
+		useState<boolean>(true);
+	const [address, setAddress] = useState<string>('');
+	const [notes, setNotes] = useState<string>('');
+	const [region, setRegion] = useState<Region>(Region.URBAN);
+	const [phoneNumber, setPhoneNumber] = useState<string>('');
 
-  const [phoneNumberErrorStatus, setPhoneNumberErrorStatus] = useState(false)
-  const [phoneNumberHelper, setPhoneNumberHelper] = useState("")
+	const [phoneNumberErrorStatus, setPhoneNumberErrorStatus] = useState(false);
+	const [phoneNumberHelper, setPhoneNumberHelper] = useState('');
 
-  const validateForm = async () => {
-    let valid = true
-    if (!isValidPhoneNumber(phoneNumber)) {
-      valid = false
-      setPhoneNumberErrorStatus(true)
-      setPhoneNumberHelper("The phone number format you entered is invalid.")
-    } else {
-      setPhoneNumberErrorStatus(false)
-      setPhoneNumberHelper("")
-    }
+	const validateForm = async () => {
+		let valid = true;
+		if (!isValidPhoneNumber(phoneNumber)) {
+			valid = false;
+			setPhoneNumberErrorStatus(true);
+			setPhoneNumberHelper(
+				'The phone number format you entered is invalid.',
+			);
+		} else {
+			setPhoneNumberErrorStatus(false);
+			setPhoneNumberHelper('');
+		}
 
-    if (valid) {
-      const data: LogisticsFields = {
-        dietaryRestrictions: dietaryRestrictions,
-        shirtSize: shirtSize as ShirtSize,
-        wantsHardware,
-        address,
-        region: region as Region,
-        phoneNumber,
-        attendingPhysically,
-        notes
-      }
-      await dispatch(actions.application.saveLogistics(data))
-    }
+		if (valid) {
+			const data: LogisticsFields = {
+				dietaryRestrictions: dietaryRestrictions,
+				shirtSize: shirtSize as ShirtSize,
+				wantsHardware,
+				address,
+				region: region as Region,
+				phoneNumber,
+				attendingPhysically,
+				notes,
+			};
+			await dispatch(actions.application.saveLogistics(data));
+		}
 
-    setValid(valid)
-    setValidate(false)
-  }
+		setValid(valid);
+		setValidate(false);
+	};
 
-  useEffect(() => {
-    if (validate) {
-      validateForm()
-    }
-    // eslint-disable-next-line
-  }, [validate])
+	useEffect(() => {
+		if (validate) {
+			validateForm();
+		}
+		// eslint-disable-next-line
+	}, [validate]);
 
-  useEffect(() => {
-    if (fetchedProfile) {
-      setDietaryRestrictions(logisticsFields.dietaryRestrictions ?? [])
-      setShirtSize(logisticsFields.shirtSize ?? null)
-      setWantsHardware(logisticsFields.wantsHardware ?? false)
-      setAddress(logisticsFields.address ?? "")
-      setRegion(logisticsFields.region ?? null)
-      setPhoneNumber(logisticsFields.phoneNumber ?? "")
-      setAttendingPhysically(logisticsFields.attendingPhysically ?? false)
-      setNotes(logisticsFields.notes ?? "")
-    }
-    // eslint-disable-next-line
-  }, [fetchedProfile])
+	useEffect(() => {
+		if (fetchedProfile) {
+			setDietaryRestrictions(logisticsFields.dietaryRestrictions ?? []);
+			setShirtSize(logisticsFields.shirtSize ?? null);
+			setWantsHardware(logisticsFields.wantsHardware ?? false);
+			setAddress(logisticsFields.address ?? '');
+			setRegion(logisticsFields.region ?? null);
+			setPhoneNumber(logisticsFields.phoneNumber ?? '');
+			setAttendingPhysically(
+				logisticsFields.attendingPhysically ?? false,
+			);
+			setNotes(logisticsFields.notes ?? '');
+		}
+		// eslint-disable-next-line
+	}, [fetchedProfile]);
 
-  return (
-    <div className={styles.section}>
-      <Typography variant="h5" className={styles.sectionHeader}>
-        Logistics
-      </Typography>
-      <TextField
-        label="Phone Number"
-        variant="outlined"
-        error={phoneNumberErrorStatus}
-        helperText={phoneNumberHelper}
-        fullWidth
-        required
-        value={phoneNumber}
-        onChange={(e) => {
-          setPhoneNumber(e.target.value)
-        }}
-      />
-      {/* <TextField
+	return (
+		<div className={styles.section}>
+			<Typography variant="h5" className={styles.sectionHeader}>
+				Logistics
+			</Typography>
+			<TextField
+				label="Phone Number"
+				variant="outlined"
+				error={phoneNumberErrorStatus}
+				helperText={phoneNumberHelper}
+				fullWidth
+				required
+				value={phoneNumber}
+				onChange={(e) => {
+					setPhoneNumber(e.target.value);
+				}}
+			/>
+			{/* <TextField
         label="Mailing Address"
         variant="outlined"
         helperText="We use this to send prizes. Swag will not be shipped to remote participants."
@@ -134,7 +141,7 @@ const LogisticsSection = ({
           setAddress(e.target.value)
         }}
       /> */}
-      {/* <Autocomplete
+			{/* <Autocomplete
         options={Object.values(Region)}
         value={region}
         onChange={(e, value) => setRegion(value)}
@@ -148,68 +155,70 @@ const LogisticsSection = ({
           />
         )}
       /> */}
-      <Autocomplete
-        options={dietaryRestrictionsList}
-        value={dietaryRestrictions}
-        onChange={(e, value) => setDietaryRestrictions(value)}
-        multiple
-        freeSolo
-        renderTags={(value: string[], getTagProps) =>
-          value.map((option: string, index: number) => (
-            <Chip
-              variant="outlined"
-              label={option}
-              {...getTagProps({ index })}
-              key={index}
-            />
-          ))
-        }
-        renderInput={(params) => (
-          <TextField
-            variant="outlined"
-            {...params}
-            label="Dietary considerations"
-          />
-        )}
-      />
-      <Autocomplete
-        options={shirtSizeVerbose}
-        value={shirtSize}
-        onChange={(e, value) => setShirtSize(value?.split(" ")[0] as ShirtSize)}
-        renderInput={(params) => (
-          <TextField
-            variant="outlined"
-            {...params}
-            label="Shirt Size"
-            required
-          />
-        )}
-      />
-      <FormGroup>
-        <FormControlLabel
-          control={
-            <Checkbox
-              value={wantsHardware}
-              checked={wantsHardware}
-              onChange={(e, checked) => setWantsHardware(checked)}
-            />
-          }
-          label="Will you use hardware?"
-        />
-      </FormGroup>
-      <TextField
-        variant="outlined"
-        value={notes}
-        onChange={(e) => setNotes(e.target.value)}
-        fullWidth={true}
-        multiline
-        label="Additional notes"
-        placeholder={
-          "Any additional details that you would like us to know!\n\n"
-        }
-      />
-    </div>
-  )
-}
+			<Autocomplete
+				options={dietaryRestrictionsList}
+				value={dietaryRestrictions}
+				onChange={(e, value) => setDietaryRestrictions(value)}
+				multiple
+				freeSolo
+				renderTags={(value: string[], getTagProps) =>
+					value.map((option: string, index: number) => (
+						<Chip
+							variant="outlined"
+							label={option}
+							{...getTagProps({ index })}
+							key={index}
+						/>
+					))
+				}
+				renderInput={(params) => (
+					<TextField
+						variant="outlined"
+						{...params}
+						label="Dietary considerations"
+					/>
+				)}
+			/>
+			<Autocomplete
+				options={shirtSizeVerbose}
+				value={shirtSize}
+				onChange={(e, value) =>
+					setShirtSize(value?.split(' ')[0] as ShirtSize)
+				}
+				renderInput={(params) => (
+					<TextField
+						variant="outlined"
+						{...params}
+						label="Shirt Size"
+						required
+					/>
+				)}
+			/>
+			<FormGroup>
+				<FormControlLabel
+					control={
+						<Checkbox
+							value={wantsHardware}
+							checked={wantsHardware}
+							onChange={(e, checked) => setWantsHardware(checked)}
+						/>
+					}
+					label="Will you use hardware?"
+				/>
+			</FormGroup>
+			<TextField
+				variant="outlined"
+				value={notes}
+				onChange={(e) => setNotes(e.target.value)}
+				fullWidth={true}
+				multiline
+				label="Additional notes"
+				placeholder={
+					'Any additional details that you would like us to know!\n\n'
+				}
+			/>
+		</div>
+	);
+};
 
-export default LogisticsSection
+export default LogisticsSection;
diff --git a/src/components/form/ApplicationForm/PortfolioSection.tsx b/src/components/form/ApplicationForm/PortfolioSection.tsx
index a58e1fb..14196cd 100644
--- a/src/components/form/ApplicationForm/PortfolioSection.tsx
+++ b/src/components/form/ApplicationForm/PortfolioSection.tsx
@@ -1,195 +1,197 @@
 import {
-  Alert,
-  Button,
-  CircularProgress,
-  Collapse,
-  TextField,
-  Typography
-} from "@mui/material"
+	Alert,
+	Button,
+	CircularProgress,
+	Collapse,
+	TextField,
+	Typography,
+} from '@mui/material';
 import React, {
-  Dispatch,
-  ReactElement,
-  SetStateAction,
-  useEffect,
-  useState
-} from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import { PortfolioFields } from "types/ApplicationForm"
-import { DispatchAction } from "types/DispatchAction"
-import { RootState } from "types/RootState"
-import styles from "./index.module.scss"
+	Dispatch,
+	ReactElement,
+	SetStateAction,
+	useEffect,
+	useState,
+} from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { PortfolioFields } from 'types/ApplicationForm';
+import { DispatchAction } from 'types/DispatchAction';
+import { RootState } from 'types/RootState';
+import styles from './index.module.scss';
 
 const PortfolioSection = ({
-  setError,
-  setErrorMessage,
-  validate,
-  setValidate,
-  setValid
+	setError,
+	setErrorMessage,
+	validate,
+	setValidate,
+	setValid,
 }: {
-  setError: Dispatch<SetStateAction<boolean>>
-  setErrorMessage: Dispatch<SetStateAction<string>>
-  validate: boolean
-  setValidate: Dispatch<SetStateAction<boolean>>
-  setValid: Dispatch<SetStateAction<boolean>>
+	setError: Dispatch<SetStateAction<boolean>>;
+	setErrorMessage: Dispatch<SetStateAction<string>>;
+	validate: boolean;
+	setValidate: Dispatch<SetStateAction<boolean>>;
+	setValid: Dispatch<SetStateAction<boolean>>;
 }): ReactElement => {
-  const dispatch = useDispatch()
+	const dispatch = useDispatch();
 
-  const fetchedProfile = useSelector(
-    (state: RootState) => state?.application?.fetchedProfile
-  )
-  const portfolioFields =
-    useSelector((state: RootState) => state?.application?.portfolio) ?? {}
+	const fetchedProfile = useSelector(
+		(state: RootState) => state?.application?.fetchedProfile,
+	);
+	const portfolioFields =
+		useSelector((state: RootState) => state?.application?.portfolio) ?? {};
 
-  // Portfolio
-  const [github, setGithub] = useState<string>("")
-  const [linkedin, setLinkedin] = useState<string>("")
-  const [resume, setResume] = useState<string>("")
-  const [resumeFileName, setResumeFileName] = useState<string>()
-  const [design, setDesign] = useState<string>("")
-  const [website, setWebsite] = useState<string>("")
-  const [uploading, setUploading] = useState(false)
+	// Portfolio
+	const [github, setGithub] = useState<string>('');
+	const [linkedin, setLinkedin] = useState<string>('');
+	const [resume, setResume] = useState<string>('');
+	const [resumeFileName, setResumeFileName] = useState<string>();
+	const [design, setDesign] = useState<string>('');
+	const [website, setWebsite] = useState<string>('');
+	const [uploading, setUploading] = useState(false);
 
-  const [uploadError, setUploadError] = useState(false)
+	const [uploadError, setUploadError] = useState(false);
 
-  const uploadResume = async (file: File) => {
-    try {
-      setUploading(true)
-      const { data: fileId } = await dispatch(
-        actions.application.uploadResume(file)
-      )
-      setResume(fileId)
-      setResumeFileName(file.name)
-      setUploading(false)
-    } catch (err) {
-      console.error(err)
-      setError(true)
-      setErrorMessage((err as DispatchAction)?.data)
-    }
-  }
+	const uploadResume = async (file: File) => {
+		try {
+			setUploading(true);
+			const { data: fileId } = await dispatch(
+				actions.application.uploadResume(file),
+			);
+			setResume(fileId);
+			setResumeFileName(file.name);
+			setUploading(false);
+		} catch (err) {
+			console.error(err);
+			setError(true);
+			setErrorMessage((err as DispatchAction)?.data);
+		}
+	};
 
-  const validateForm = async () => {
-    let valid = true
-    if (!resume || resume === "") {
-      valid = false
-      setError(true)
-      setUploadError(true)
-      await dispatch(actions.application.errorMissingResume())
-    } else {
-      setUploadError(false)
-    }
+	const validateForm = async () => {
+		let valid = true;
+		if (!resume || resume === '') {
+			valid = false;
+			setError(true);
+			setUploadError(true);
+			await dispatch(actions.application.errorMissingResume());
+		} else {
+			setUploadError(false);
+		}
 
-    if (valid) {
-      const data: PortfolioFields = {
-        github,
-        linkedin,
-        resume,
-        design,
-        website
-      }
-      await dispatch(actions.application.savePortfolio(data))
-    }
+		if (valid) {
+			const data: PortfolioFields = {
+				github,
+				linkedin,
+				resume,
+				design,
+				website,
+			};
+			await dispatch(actions.application.savePortfolio(data));
+		}
 
-    setValid(valid)
-    setValidate(false)
-  }
+		setValid(valid);
+		setValidate(false);
+	};
 
-  useEffect(() => {
-    if (validate) {
-      validateForm()
-    }
-    // eslint-disable-next-line
-  }, [validate])
+	useEffect(() => {
+		if (validate) {
+			validateForm();
+		}
+		// eslint-disable-next-line
+	}, [validate]);
 
-  useEffect(() => {
-    if (fetchedProfile) {
-      setGithub(portfolioFields.github ?? "")
-      setLinkedin(portfolioFields.linkedin ?? "")
-      setDesign(portfolioFields.design ?? "")
-      setWebsite(portfolioFields.website ?? "")
-      if (portfolioFields.resume) {
-        setResume(portfolioFields.resume ?? "")
-        setResumeFileName("Uploaded")
-      }
-    }
-    // eslint-disable-next-line
-  }, [fetchedProfile])
+	useEffect(() => {
+		if (fetchedProfile) {
+			setGithub(portfolioFields.github ?? '');
+			setLinkedin(portfolioFields.linkedin ?? '');
+			setDesign(portfolioFields.design ?? '');
+			setWebsite(portfolioFields.website ?? '');
+			if (portfolioFields.resume) {
+				setResume(portfolioFields.resume ?? '');
+				setResumeFileName('Uploaded');
+			}
+		}
+		// eslint-disable-next-line
+	}, [fetchedProfile]);
 
-  return (
-    <div className={styles.section}>
-      <Typography variant="h5" className={styles.sectionHeader}>
-        Portfolio
-      </Typography>
-      <div className={styles.resumeUploadContainer}>
-        <Button variant="outlined" component="label">
-          Upload Resume *
-          <input
-            type="file"
-            hidden
-            onChange={(e) => {
-              if (e.target.files && e.target.files.length > 0) {
-                if (e.target.files[0].name.endsWith(".pdf")) {
-                  uploadResume(e.target.files[0])
-                  setUploadError(false)
-                } else {
-                  setUploadError(true)
-                }
-              }
-            }}
-          />
-        </Button>
-        <Collapse in={uploading}>
-          <CircularProgress />
-        </Collapse>
-        <Typography variant="body2">{resumeFileName}</Typography>
-      </div>
-      {uploadError && (
-        <Alert severity="error">Please upload your resume as a PDF file</Alert>
-      )}
-      <div className={styles.fieldRow}>
-        <TextField
-          label="GitHub username"
-          variant="outlined"
-          helperText="We use GitHub to handle project submissions"
-          required
-          fullWidth
-          value={github}
-          onChange={(e) => {
-            setGithub(e.target.value)
-          }}
-        />
-        <TextField
-          label="LinkedIn profile URL"
-          variant="outlined"
-          fullWidth
-          value={linkedin}
-          onChange={(e) => {
-            setLinkedin(e.target.value)
-          }}
-        />
-      </div>
-      <div className={styles.fieldRow}>
-        <TextField
-          label="Website"
-          variant="outlined"
-          fullWidth
-          value={website}
-          onChange={(e) => {
-            setWebsite(e.target.value)
-          }}
-        />
-        <TextField
-          label="Design portfolio"
-          variant="outlined"
-          fullWidth
-          value={design}
-          onChange={(e) => {
-            setDesign(e.target.value)
-          }}
-        />
-      </div>
-    </div>
-  )
-}
+	return (
+		<div className={styles.section}>
+			<Typography variant="h5" className={styles.sectionHeader}>
+				Portfolio
+			</Typography>
+			<div className={styles.resumeUploadContainer}>
+				<Button variant="outlined" component="label">
+					Upload Resume *
+					<input
+						type="file"
+						hidden
+						onChange={(e) => {
+							if (e.target.files && e.target.files.length > 0) {
+								if (e.target.files[0].name.endsWith('.pdf')) {
+									uploadResume(e.target.files[0]);
+									setUploadError(false);
+								} else {
+									setUploadError(true);
+								}
+							}
+						}}
+					/>
+				</Button>
+				<Collapse in={uploading}>
+					<CircularProgress />
+				</Collapse>
+				<Typography variant="body2">{resumeFileName}</Typography>
+			</div>
+			{uploadError && (
+				<Alert severity="error">
+					Please upload your resume as a PDF file
+				</Alert>
+			)}
+			<div className={styles.fieldRow}>
+				<TextField
+					label="GitHub username"
+					variant="outlined"
+					helperText="We use GitHub to handle project submissions"
+					required
+					fullWidth
+					value={github}
+					onChange={(e) => {
+						setGithub(e.target.value);
+					}}
+				/>
+				<TextField
+					label="LinkedIn profile URL"
+					variant="outlined"
+					fullWidth
+					value={linkedin}
+					onChange={(e) => {
+						setLinkedin(e.target.value);
+					}}
+				/>
+			</div>
+			<div className={styles.fieldRow}>
+				<TextField
+					label="Website"
+					variant="outlined"
+					fullWidth
+					value={website}
+					onChange={(e) => {
+						setWebsite(e.target.value);
+					}}
+				/>
+				<TextField
+					label="Design portfolio"
+					variant="outlined"
+					fullWidth
+					value={design}
+					onChange={(e) => {
+						setDesign(e.target.value);
+					}}
+				/>
+			</div>
+		</div>
+	);
+};
 
-export default PortfolioSection
+export default PortfolioSection;
diff --git a/src/components/form/ApplicationForm/SchoolSection.tsx b/src/components/form/ApplicationForm/SchoolSection.tsx
index 5ce0756..04ade0c 100644
--- a/src/components/form/ApplicationForm/SchoolSection.tsx
+++ b/src/components/form/ApplicationForm/SchoolSection.tsx
@@ -1,173 +1,178 @@
-import { TextField, Typography } from "@mui/material"
-import { Autocomplete } from "@mui/material"
+import { TextField, Typography } from '@mui/material';
+import { Autocomplete } from '@mui/material';
 import {
-  CMUCollege,
-  CollegeLevel,
-  GraduationYear,
-  GraduationYears
-} from "enums/Profile"
+	CMUCollege,
+	CollegeLevel,
+	GraduationYear,
+	GraduationYears,
+} from 'enums/Profile';
 import React, {
-  Dispatch,
-  ReactElement,
-  SetStateAction,
-  useEffect,
-  useState
-} from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import { getSchools } from "src/util/getSchools"
-import { SchoolFields } from "types/ApplicationForm"
-import { RootState } from "types/RootState"
-import styles from "./index.module.scss"
+	Dispatch,
+	ReactElement,
+	SetStateAction,
+	useEffect,
+	useState,
+} from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { getSchools } from 'src/util/getSchools';
+import { SchoolFields } from 'types/ApplicationForm';
+import { RootState } from 'types/RootState';
+import styles from './index.module.scss';
 
-const CMU = "CMU | Carnegie Mellon University"
+const CMU = 'CMU | Carnegie Mellon University';
 
 const SchoolSection = ({
-  validate,
-  setValidate,
-  setValid,
-  setIsCMUStudent
+	validate,
+	setValidate,
+	setValid,
+	setIsCMUStudent,
 }: {
-  validate: boolean
-  setValidate: Dispatch<SetStateAction<boolean>>
-  setValid: Dispatch<SetStateAction<boolean>>
-  setIsCMUStudent: (val: boolean) => void
+	validate: boolean;
+	setValidate: Dispatch<SetStateAction<boolean>>;
+	setValid: Dispatch<SetStateAction<boolean>>;
+	setIsCMUStudent: (val: boolean) => void;
 }): ReactElement => {
-  const dispatch = useDispatch()
+	const dispatch = useDispatch();
 
-  const fetchedProfile = useSelector(
-    (state: RootState) => state?.application?.fetchedProfile
-  )
-  const schoolFields =
-    useSelector((state: RootState) => state?.application?.school) ?? {}
+	const fetchedProfile = useSelector(
+		(state: RootState) => state?.application?.fetchedProfile,
+	);
+	const schoolFields =
+		useSelector((state: RootState) => state?.application?.school) ?? {};
 
-  // School information
-  const [schools, setSchools] = useState<string[]>([])
-  const [school, setSchool] = useState<string | null>(null)
-  const [college, setCollege] = useState<CMUCollege | null>(null)
-  const [collegeLevel, setCollegeLevel] = useState<CollegeLevel | null>(null)
-  const [graduationYear, setGraduationYear] = useState<GraduationYear | null>(
-    null
-  )
-  const [major, setMajor] = useState<string>("")
+	// School information
+	const [schools, setSchools] = useState<string[]>([]);
+	const [school, setSchool] = useState<string | null>(null);
+	const [college, setCollege] = useState<CMUCollege | null>(null);
+	const [collegeLevel, setCollegeLevel] = useState<CollegeLevel | null>(null);
+	const [graduationYear, setGraduationYear] = useState<GraduationYear | null>(
+		null,
+	);
+	const [major, setMajor] = useState<string>('');
 
-  const validateForm = async () => {
-    const data: SchoolFields = {
-      school: school as string,
-      graduationYear: graduationYear as string,
-      major,
-      collegeLevel: collegeLevel as CollegeLevel
-    }
-    if (school === CMU) {
-      data.college = college as CMUCollege
-    }
-    await dispatch(actions.application.saveSchool(data))
-    setValid(true)
-    setValidate(false)
-  }
+	const validateForm = async () => {
+		const data: SchoolFields = {
+			school: school as string,
+			graduationYear: graduationYear as string,
+			major,
+			collegeLevel: collegeLevel as CollegeLevel,
+		};
+		if (school === CMU) {
+			data.college = college as CMUCollege;
+		}
+		await dispatch(actions.application.saveSchool(data));
+		setValid(true);
+		setValidate(false);
+	};
 
-  useEffect(() => {
-    if (validate) {
-      validateForm()
-    }
-    // eslint-disable-next-line
-  }, [validate])
+	useEffect(() => {
+		if (validate) {
+			validateForm();
+		}
+		// eslint-disable-next-line
+	}, [validate]);
 
-  useEffect(() => {
-    if (fetchedProfile) {
-      setSchool(schoolFields.school)
-      setCollege(schoolFields.college ?? null)
-      setCollegeLevel(schoolFields.collegeLevel)
-      setGraduationYear(schoolFields.graduationYear?.toString() ?? null)
-      setMajor(schoolFields.major)
-      setIsCMUStudent(schoolFields.school == CMU)
-    }
-    // eslint-disable-next-line
-  }, [fetchedProfile])
+	useEffect(() => {
+		if (fetchedProfile) {
+			setSchool(schoolFields.school);
+			setCollege(schoolFields.college ?? null);
+			setCollegeLevel(schoolFields.collegeLevel);
+			setGraduationYear(schoolFields.graduationYear?.toString() ?? null);
+			setMajor(schoolFields.major);
+			setIsCMUStudent(schoolFields.school == CMU);
+		}
+		// eslint-disable-next-line
+	}, [fetchedProfile]);
 
-  useEffect(() => {
-    const querySchools = async () => {
-      const schoolsList = await getSchools()
-      setSchools(schoolsList)
-    }
-    querySchools()
-  }, [])
+	useEffect(() => {
+		const querySchools = async () => {
+			const schoolsList = await getSchools();
+			setSchools(schoolsList);
+		};
+		querySchools();
+	}, []);
 
-  return (
-    <div className={styles.section}>
-      <Typography variant="h5" className={styles.sectionHeader}>
-        School
-      </Typography>
-      <div className={styles.fieldRow}>
-        <Autocomplete
-          options={schools as string[]}
-          value={school}
-          onChange={(e, value) => {
-            setSchool(value)
-            setIsCMUStudent(value == CMU)
-          }}
-          renderInput={(params) => (
-            <TextField variant="outlined" {...params} label="School" required />
-          )}
-        />
-        {school === CMU ? (
-          <Autocomplete
-            options={Object.values(CMUCollege)}
-            value={college}
-            onChange={(e, value) => setCollege(value)}
-            renderInput={(params) => (
-              <TextField
-                variant="outlined"
-                {...params}
-                label="College (CMU)"
-                required
-              />
-            )}
-          />
-        ) : null}
-      </div>
-      <div className={styles.fieldRow}>
-        <Autocomplete
-          options={Object.values(CollegeLevel)}
-          value={collegeLevel}
-          onChange={(e, value) => {
-            setCollegeLevel(value)
-          }}
-          renderInput={(params) => (
-            <TextField
-              variant="outlined"
-              {...params}
-              label="Academic program"
-              required
-            />
-          )}
-        />
-        <Autocomplete
-          options={GraduationYears}
-          value={graduationYear}
-          onChange={(e, value) => setGraduationYear(value)}
-          renderInput={(params) => (
-            <TextField
-              variant="outlined"
-              {...params}
-              label="Graduation Year"
-              required
-            />
-          )}
-        />
-        <TextField
-          label="Major"
-          variant="outlined"
-          fullWidth
-          required
-          value={major}
-          onChange={(e) => {
-            setMajor(e.target.value)
-          }}
-        />
-      </div>
-    </div>
-  )
-}
+	return (
+		<div className={styles.section}>
+			<Typography variant="h5" className={styles.sectionHeader}>
+				School
+			</Typography>
+			<div className={styles.fieldRow}>
+				<Autocomplete
+					options={schools as string[]}
+					value={school}
+					onChange={(e, value) => {
+						setSchool(value);
+						setIsCMUStudent(value == CMU);
+					}}
+					renderInput={(params) => (
+						<TextField
+							variant="outlined"
+							{...params}
+							label="School"
+							required
+						/>
+					)}
+				/>
+				{school === CMU ? (
+					<Autocomplete
+						options={Object.values(CMUCollege)}
+						value={college}
+						onChange={(e, value) => setCollege(value)}
+						renderInput={(params) => (
+							<TextField
+								variant="outlined"
+								{...params}
+								label="College (CMU)"
+								required
+							/>
+						)}
+					/>
+				) : null}
+			</div>
+			<div className={styles.fieldRow}>
+				<Autocomplete
+					options={Object.values(CollegeLevel)}
+					value={collegeLevel}
+					onChange={(e, value) => {
+						setCollegeLevel(value);
+					}}
+					renderInput={(params) => (
+						<TextField
+							variant="outlined"
+							{...params}
+							label="Academic program"
+							required
+						/>
+					)}
+				/>
+				<Autocomplete
+					options={GraduationYears}
+					value={graduationYear}
+					onChange={(e, value) => setGraduationYear(value)}
+					renderInput={(params) => (
+						<TextField
+							variant="outlined"
+							{...params}
+							label="Graduation Year"
+							required
+						/>
+					)}
+				/>
+				<TextField
+					label="Major"
+					variant="outlined"
+					fullWidth
+					required
+					value={major}
+					onChange={(e) => {
+						setMajor(e.target.value);
+					}}
+				/>
+			</div>
+		</div>
+	);
+};
 
-export default SchoolSection
+export default SchoolSection;
diff --git a/src/components/form/ApplicationForm/WorkAuthorizationSection.tsx b/src/components/form/ApplicationForm/WorkAuthorizationSection.tsx
index 99f863d..a41041a 100644
--- a/src/components/form/ApplicationForm/WorkAuthorizationSection.tsx
+++ b/src/components/form/ApplicationForm/WorkAuthorizationSection.tsx
@@ -1,150 +1,154 @@
-import { TextField, Typography } from "@mui/material"
-import { Autocomplete } from "@mui/material"
-import { WorkPermission } from "enums/Profile"
+import { TextField, Typography } from '@mui/material';
+import { Autocomplete } from '@mui/material';
+import { WorkPermission } from 'enums/Profile';
 import React, {
-  Dispatch,
-  ReactElement,
-  SetStateAction,
-  useEffect,
-  useState
-} from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import { WorkAuthorizationFields } from "types/ApplicationForm"
-import { RootState } from "types/RootState"
-import styles from "./index.module.scss"
+	Dispatch,
+	ReactElement,
+	SetStateAction,
+	useEffect,
+	useState,
+} from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import { WorkAuthorizationFields } from 'types/ApplicationForm';
+import { RootState } from 'types/RootState';
+import styles from './index.module.scss';
 
 interface Sponsor {
-  name: string
-  _id: string
+	name: string;
+	_id: string;
 }
 
 enum AuthorizationString {
-  CITIZEN = "I am a US citizen",
-  SPONSORSHIP = "I will need employer sponsorship at some point in the future",
-  NO_SPONSORSHIP = "I will NOT need employer sponsorship at some point in the future"
+	CITIZEN = 'I am a US citizen',
+	SPONSORSHIP = 'I will need employer sponsorship at some point in the future',
+	NO_SPONSORSHIP = 'I will NOT need employer sponsorship at some point in the future',
 }
 
 const statusToString = (status: WorkPermission): AuthorizationString => {
-  switch (status) {
-    case WorkPermission.CITIZEN:
-      return AuthorizationString.CITIZEN
-    case WorkPermission.SPONSORSHIP:
-      return AuthorizationString.SPONSORSHIP
-    case WorkPermission.NO_SPONSORSHIP:
-      return AuthorizationString.NO_SPONSORSHIP
-  }
-}
+	switch (status) {
+		case WorkPermission.CITIZEN:
+			return AuthorizationString.CITIZEN;
+		case WorkPermission.SPONSORSHIP:
+			return AuthorizationString.SPONSORSHIP;
+		case WorkPermission.NO_SPONSORSHIP:
+			return AuthorizationString.NO_SPONSORSHIP;
+	}
+};
 
 const stringToStatus = (status: AuthorizationString): WorkPermission => {
-  switch (status) {
-    case AuthorizationString.CITIZEN:
-      return WorkPermission.CITIZEN
-    case AuthorizationString.SPONSORSHIP:
-      return WorkPermission.SPONSORSHIP
-    case AuthorizationString.NO_SPONSORSHIP:
-      return WorkPermission.NO_SPONSORSHIP
-  }
-}
+	switch (status) {
+		case AuthorizationString.CITIZEN:
+			return WorkPermission.CITIZEN;
+		case AuthorizationString.SPONSORSHIP:
+			return WorkPermission.SPONSORSHIP;
+		case AuthorizationString.NO_SPONSORSHIP:
+			return WorkPermission.NO_SPONSORSHIP;
+	}
+};
 
 const WorkAuthorizationSection = ({
-  validate,
-  setValidate,
-  setValid
+	validate,
+	setValidate,
+	setValid,
 }: {
-  validate: boolean
-  setValidate: Dispatch<SetStateAction<boolean>>
-  setValid: Dispatch<SetStateAction<boolean>>
+	validate: boolean;
+	setValidate: Dispatch<SetStateAction<boolean>>;
+	setValid: Dispatch<SetStateAction<boolean>>;
 }): ReactElement => {
-  const dispatch = useDispatch()
+	const dispatch = useDispatch();
 
-  const fetchedProfile = useSelector(
-    (state: RootState) => state?.application?.fetchedProfile
-  )
-  const workAuthFields =
-    useSelector((state: RootState) => state?.application?.workAuth) ?? {}
+	const fetchedProfile = useSelector(
+		(state: RootState) => state?.application?.fetchedProfile,
+	);
+	const workAuthFields =
+		useSelector((state: RootState) => state?.application?.workAuth) ?? {};
 
-  // Work Authorization
-  const sponsors: Sponsor[] =
-    useSelector((state: RootState) => state.sponsors.data) || []
-  const sponsorMap: { [key: string]: Sponsor } = {}
-  for (const sponsor of sponsors) {
-    sponsorMap[sponsor._id] = sponsor
-  }
+	// Work Authorization
+	const sponsors: Sponsor[] =
+		useSelector((state: RootState) => state.sponsors.data) || [];
+	const sponsorMap: { [key: string]: Sponsor } = {};
+	for (const sponsor of sponsors) {
+		sponsorMap[sponsor._id] = sponsor;
+	}
 
-  const [workPermission, setWorkPermission] =
-    useState<AuthorizationString | null>(null)
-  const [workLocation, setWorkLocation] = useState<string>("")
-  const [sponsorRanking, setSponsorRanking] = useState<Sponsor[]>([])
+	const [workPermission, setWorkPermission] =
+		useState<AuthorizationString | null>(null);
+	const [workLocation, setWorkLocation] = useState<string>('');
+	const [sponsorRanking, setSponsorRanking] = useState<Sponsor[]>([]);
 
-  const validateForm = async () => {
-    const sponsorRankingIds = sponsorRanking.map((sponsor) => sponsor._id)
-    const data: WorkAuthorizationFields = {
-      workPermission: stringToStatus(workPermission as AuthorizationString),
-      workLocation,
-      sponsorRanking: sponsorRankingIds
-    }
-    await dispatch(actions.application.saveWorkAuth(data))
-    setValid(true)
-    setValidate(false)
-  }
+	const validateForm = async () => {
+		const sponsorRankingIds = sponsorRanking.map((sponsor) => sponsor._id);
+		const data: WorkAuthorizationFields = {
+			workPermission: stringToStatus(
+				workPermission as AuthorizationString,
+			),
+			workLocation,
+			sponsorRanking: sponsorRankingIds,
+		};
+		await dispatch(actions.application.saveWorkAuth(data));
+		setValid(true);
+		setValidate(false);
+	};
 
-  useEffect(() => {
-    if (validate) {
-      validateForm()
-    }
-    // eslint-disable-next-line
-  }, [validate])
+	useEffect(() => {
+		if (validate) {
+			validateForm();
+		}
+		// eslint-disable-next-line
+	}, [validate]);
 
-  useEffect(() => {
-    if (fetchedProfile) {
-      if (workAuthFields?.workPermission) {
-        setWorkPermission(statusToString(workAuthFields?.workPermission))
-      } else {
-        setWorkPermission(null)
-      }
-      setWorkLocation(workAuthFields?.workLocation ?? "")
+	useEffect(() => {
+		if (fetchedProfile) {
+			if (workAuthFields?.workPermission) {
+				setWorkPermission(
+					statusToString(workAuthFields?.workPermission),
+				);
+			} else {
+				setWorkPermission(null);
+			}
+			setWorkLocation(workAuthFields?.workLocation ?? '');
 
-      const sponsorRankingPopulated = workAuthFields?.sponsorRanking?.map(
-        (sponsorId) => sponsorMap[sponsorId]
-      )
-      setSponsorRanking(sponsorRankingPopulated)
-    }
-    // eslint-disable-next-line
-  }, [fetchedProfile])
+			const sponsorRankingPopulated = workAuthFields?.sponsorRanking?.map(
+				(sponsorId) => sponsorMap[sponsorId],
+			);
+			setSponsorRanking(sponsorRankingPopulated);
+		}
+		// eslint-disable-next-line
+	}, [fetchedProfile]);
 
-  useEffect(() => {
-    dispatch(actions.sponsors.list())
-    // eslint-disable-next-line
-  }, [])
+	useEffect(() => {
+		dispatch(actions.sponsors.list());
+		// eslint-disable-next-line
+	}, []);
 
-  return (
-    <div className={styles.section}>
-      <Typography variant="h5" className={styles.sectionHeader}>
-        Sponsor Information
-      </Typography>
-      <Autocomplete
-        options={Object.values(AuthorizationString)}
-        value={workPermission}
-        onChange={(e, value) => setWorkPermission(value)}
-        renderInput={(params) => (
-          <TextField
-            variant="outlined"
-            {...params}
-            label="US Work Authorization"
-          />
-        )}
-      />
-      <TextField
-        label="Work Location Preferences"
-        variant="outlined"
-        fullWidth
-        value={workLocation}
-        onChange={(e) => {
-          setWorkLocation(e.target.value)
-        }}
-      />
-      {/* <Autocomplete
+	return (
+		<div className={styles.section}>
+			<Typography variant="h5" className={styles.sectionHeader}>
+				Sponsor Information
+			</Typography>
+			<Autocomplete
+				options={Object.values(AuthorizationString)}
+				value={workPermission}
+				onChange={(e, value) => setWorkPermission(value)}
+				renderInput={(params) => (
+					<TextField
+						variant="outlined"
+						{...params}
+						label="US Work Authorization"
+					/>
+				)}
+			/>
+			<TextField
+				label="Work Location Preferences"
+				variant="outlined"
+				fullWidth
+				value={workLocation}
+				onChange={(e) => {
+					setWorkLocation(e.target.value);
+				}}
+			/>
+			{/* <Autocomplete
         multiple
         value={sponsorRanking}
         options={sponsors}
@@ -159,8 +163,8 @@ const WorkAuthorizationSection = ({
           />
         )}
       /> */}
-    </div>
-  )
-}
+		</div>
+	);
+};
 
-export default WorkAuthorizationSection
+export default WorkAuthorizationSection;
diff --git a/src/components/form/ApplicationForm/index.module.scss b/src/components/form/ApplicationForm/index.module.scss
index 876b993..5c41d75 100644
--- a/src/components/form/ApplicationForm/index.module.scss
+++ b/src/components/form/ApplicationForm/index.module.scss
@@ -1,96 +1,96 @@
-@import "styles/variables.scss";
-@import "styles/mixins.scss";
+@import 'styles/variables.scss';
+@import 'styles/mixins.scss';
 
 .section {
-  margin-top: 1em;
-  display: flex;
-  flex-direction: column;
-  gap: 1em;
+	margin-top: 1em;
+	display: flex;
+	flex-direction: column;
+	gap: 1em;
 }
 
 .sectionHeader {
-  margin-bottom: 1rem;
+	margin-bottom: 1rem;
 }
 
 .formDialog {
-  width: 80%;
-  padding: 2em;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  margin-bottom: 3em;
-  margin-top: 5em;
-  z-index: 5;
-  background-image: $dialog-container-gradient-lighter;
+	width: 80%;
+	padding: 2em;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+	margin-bottom: 3em;
+	margin-top: 5em;
+	z-index: 5;
+	background-image: $dialog-container-gradient-lighter;
 
-  @include down($breakpoint-md) {
-    width: 90%;
-    margin-top: 10%;
-  }
+	@include down($breakpoint-md) {
+		width: 90%;
+		margin-top: 10%;
+	}
 
-  @include down($breakpoint-sm) {
-    margin-top: 20%;
-  }
+	@include down($breakpoint-sm) {
+		margin-top: 20%;
+	}
 }
 
 .applicationForm {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-self: center;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-self: center;
 }
 
 .headerContainer {
-  width: 50%;
-  text-align: center;
-  align-self: center;
+	width: 50%;
+	text-align: center;
+	align-self: center;
 
-  @include down($breakpoint-md) {
-    width: 60%;
-  }
+	@include down($breakpoint-md) {
+		width: 60%;
+	}
 
-  @include down($breakpoint-sm) {
-    width: 80%;
-  }
+	@include down($breakpoint-sm) {
+		width: 80%;
+	}
 }
 
 .header {
-  border-bottom: solid $text-color-primary 2px;
-  text-align: center;
-  font-weight: 400;
-  padding-bottom: 1rem;
+	border-bottom: solid $text-color-primary 2px;
+	text-align: center;
+	font-weight: 400;
+	padding-bottom: 1rem;
 }
 
 .formContents {
-  margin-top: 2em;
-  display: flex;
-  flex-direction: column;
-  gap: 2em;
+	margin-top: 2em;
+	display: flex;
+	flex-direction: column;
+	gap: 2em;
 }
 
 .buttonContainer {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  gap: 1em;
+	display: flex;
+	align-items: center;
+	flex-direction: column;
+	gap: 1em;
 }
 
 .resumeUploadContainer {
-  display: flex;
-  align-items: center;
-  gap: 1em;
-  flex-direction: row;
+	display: flex;
+	align-items: center;
+	gap: 1em;
+	flex-direction: row;
 }
 
 .fieldRow {
-  display: flex;
-  flex-direction: row;
-  width: 100;
-  gap: 1em;
-  flex-wrap: wrap;
+	display: flex;
+	flex-direction: row;
+	width: 100;
+	gap: 1em;
+	flex-wrap: wrap;
 }
 
 .fieldRow > div {
-  flex: 1 1 250px;
+	flex: 1 1 250px;
 }
diff --git a/src/components/form/ApplicationForm/index.tsx b/src/components/form/ApplicationForm/index.tsx
index 5e81def..fff1f8e 100644
--- a/src/components/form/ApplicationForm/index.tsx
+++ b/src/components/form/ApplicationForm/index.tsx
@@ -1,225 +1,225 @@
 import {
-  Button,
-  CircularProgress,
-  Collapse,
-  Paper,
-  Snackbar,
-  Typography
-} from "@mui/material"
-import { Alert } from "@mui/material"
-import { useRouter } from "next/dist/client/router"
-import React, { ReactElement, useEffect, useState } from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import RectangleButton from "src/components/design/RectangleButton"
-import { RootState } from "types/RootState"
-import BasicSection from "./BasicSection"
-import EssaySection from "./EssaySection"
-import ExperienceSection from "./ExperienceSection"
-import LogisticsSection from "./LogisticsSection"
-import PortfolioSection from "./PortfolioSection"
-import SchoolSection from "./SchoolSection"
-import WorkAuthorizationSection from "./WorkAuthorizationSection"
-import styles from "./index.module.scss"
-import AnalyticsEvent from "enums/AnalyticsEvent"
+	Button,
+	CircularProgress,
+	Collapse,
+	Paper,
+	Snackbar,
+	Typography,
+} from '@mui/material';
+import { Alert } from '@mui/material';
+import { useRouter } from 'next/dist/client/router';
+import React, { ReactElement, useEffect, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import RectangleButton from 'src/components/design/RectangleButton';
+import { RootState } from 'types/RootState';
+import BasicSection from './BasicSection';
+import EssaySection from './EssaySection';
+import ExperienceSection from './ExperienceSection';
+import LogisticsSection from './LogisticsSection';
+import PortfolioSection from './PortfolioSection';
+import SchoolSection from './SchoolSection';
+import WorkAuthorizationSection from './WorkAuthorizationSection';
+import styles from './index.module.scss';
+import AnalyticsEvent from 'enums/AnalyticsEvent';
 
 const ApplicationForm = (): ReactElement => {
-  const dispatch = useDispatch()
-  const router = useRouter()
-  const application = useSelector((state: RootState) => state?.application)
-  const [loading, setLoading] = useState(false)
+	const dispatch = useDispatch();
+	const router = useRouter();
+	const application = useSelector((state: RootState) => state?.application);
+	const [loading, setLoading] = useState(false);
 
-  const [error, setError] = useState(false)
-  const [errorMessage, setErrorMessage] = useState(application?.error)
+	const [error, setError] = useState(false);
+	const [errorMessage, setErrorMessage] = useState(application?.error);
 
-  const [validateBasic, setValidateBasic] = useState(false)
-  const [validateEssay, setValidateEssay] = useState(false)
-  const [validateExperience, setValidateExperience] = useState(false)
-  const [validateLogistics, setValidateLogistics] = useState(false)
-  const [validatePortfolio, setValidatePortfolio] = useState(false)
-  const [validateSchool, setValidateSchool] = useState(false)
-  const [validateWorkAuth, setValidateWorkAuth] = useState(false)
+	const [validateBasic, setValidateBasic] = useState(false);
+	const [validateEssay, setValidateEssay] = useState(false);
+	const [validateExperience, setValidateExperience] = useState(false);
+	const [validateLogistics, setValidateLogistics] = useState(false);
+	const [validatePortfolio, setValidatePortfolio] = useState(false);
+	const [validateSchool, setValidateSchool] = useState(false);
+	const [validateWorkAuth, setValidateWorkAuth] = useState(false);
 
-  const [validBasic, setValidBasic] = useState(false)
-  const [validEssay, setValidEssay] = useState(false)
-  const [validExperience, setValidExperience] = useState(false)
-  const [validLogistics, setValidLogistics] = useState(false)
-  const [validPortfolio, setValidPortfolio] = useState(false)
-  const [validSchool, setValidSchool] = useState(false)
-  const [validWorkAuth, setValidWorkAuth] = useState(false)
+	const [validBasic, setValidBasic] = useState(false);
+	const [validEssay, setValidEssay] = useState(false);
+	const [validExperience, setValidExperience] = useState(false);
+	const [validLogistics, setValidLogistics] = useState(false);
+	const [validPortfolio, setValidPortfolio] = useState(false);
+	const [validSchool, setValidSchool] = useState(false);
+	const [validWorkAuth, setValidWorkAuth] = useState(false);
 
-  const [calledValidate, setCalledValidate] = useState(false)
+	const [calledValidate, setCalledValidate] = useState(false);
 
-  const [isCMUStudent, setIsCMUStudent] = useState(false)
+	const [isCMUStudent, setIsCMUStudent] = useState(false);
 
-  // Check that all validate requests are false (i.e. completed)
-  const validated = ![
-    validateBasic,
-    validateEssay,
-    validateExperience,
-    validateLogistics,
-    validatePortfolio,
-    validateSchool,
-    validateWorkAuth
-  ].some(Boolean)
+	// Check that all validate requests are false (i.e. completed)
+	const validated = ![
+		validateBasic,
+		validateEssay,
+		validateExperience,
+		validateLogistics,
+		validatePortfolio,
+		validateSchool,
+		validateWorkAuth,
+	].some(Boolean);
 
-  // Check that all sections are valid
-  const valid = [
-    validBasic,
-    validEssay,
-    validExperience,
-    validLogistics,
-    validPortfolio,
-    validSchool,
-    validWorkAuth
-  ].every(Boolean)
+	// Check that all sections are valid
+	const valid = [
+		validBasic,
+		validEssay,
+		validExperience,
+		validLogistics,
+		validPortfolio,
+		validSchool,
+		validWorkAuth,
+	].every(Boolean);
 
-  const validateForm = async () => {
-    // Trigger section validation
-    setValidateBasic(true)
-    setValidateEssay(true)
-    setValidateExperience(true)
-    setValidateLogistics(true)
-    setValidatePortfolio(true)
-    setValidateSchool(true)
-    setValidateWorkAuth(true)
+	const validateForm = async () => {
+		// Trigger section validation
+		setValidateBasic(true);
+		setValidateEssay(true);
+		setValidateExperience(true);
+		setValidateLogistics(true);
+		setValidatePortfolio(true);
+		setValidateSchool(true);
+		setValidateWorkAuth(true);
 
-    setCalledValidate(true)
-  }
+		setCalledValidate(true);
+	};
 
-  const submitForm = async () => {
-    const {
-      basic,
-      essays,
-      experience,
-      logistics,
-      portfolio,
-      school,
-      workAuth
-    } = application
-    const data = {
-      ...basic,
-      ...essays,
-      ...experience,
-      ...logistics,
-      ...portfolio,
-      ...school,
-      ...workAuth
-    }
-    setLoading(true)
-    console.log("data", data)
-    console.log("application", application)
-    try {
-      await dispatch(actions.application.submitForm(data))
-      window.gtag("event", AnalyticsEvent.APPLICATION_SUBMITTED)
-    } catch (err: any) {
-      setError(true)
-      setErrorMessage(err.data)
-    }
-    setLoading(false)
-    router.push("/")
-  }
+	const submitForm = async () => {
+		const {
+			basic,
+			essays,
+			experience,
+			logistics,
+			portfolio,
+			school,
+			workAuth,
+		} = application;
+		const data = {
+			...basic,
+			...essays,
+			...experience,
+			...logistics,
+			...portfolio,
+			...school,
+			...workAuth,
+		};
+		setLoading(true);
+		console.log('data', data);
+		console.log('application', application);
+		try {
+			await dispatch(actions.application.submitForm(data));
+			window.gtag('event', AnalyticsEvent.APPLICATION_SUBMITTED);
+		} catch (err: any) {
+			setError(true);
+			setErrorMessage(err.data);
+		}
+		setLoading(false);
+		router.push('/');
+	};
 
-  useEffect(() => {
-    if (calledValidate && validated) {
-      if (valid) {
-        submitForm()
-      } else {
-        setError(true)
-        setErrorMessage(
-          "Some fields are incorrect. Please review to make sure you filled all required fields."
-        )
-      }
-    }
-  }, [valid, calledValidate, validated])
+	useEffect(() => {
+		if (calledValidate && validated) {
+			if (valid) {
+				submitForm();
+			} else {
+				setError(true);
+				setErrorMessage(
+					'Some fields are incorrect. Please review to make sure you filled all required fields.',
+				);
+			}
+		}
+	}, [valid, calledValidate, validated]);
 
-  useEffect(() => {
-    const loadProfile = async () => {
-      try {
-        await dispatch(actions.application.getProfile())
-      } catch (err) {
-        // No submitted profile yet
-      }
-    }
-    loadProfile()
-  }, [])
+	useEffect(() => {
+		const loadProfile = async () => {
+			try {
+				await dispatch(actions.application.getProfile());
+			} catch (err) {
+				// No submitted profile yet
+			}
+		};
+		loadProfile();
+	}, []);
 
-  return (
-    <Paper className={styles.formDialog}>
-      <Snackbar
-        open={error}
-        autoHideDuration={5000}
-        onClose={(e) => setError(false)}
-        anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
-      >
-        <Alert severity="error">{errorMessage}</Alert>
-      </Snackbar>
-      <form
-        className={styles.applicationForm}
-        onSubmit={(e) => {
-          e.preventDefault()
-          validateForm()
-        }}
-      >
-        <div className={styles.headerContainer}>
-          <Typography variant="h4" className={styles.header}>
-            Application
-          </Typography>
-        </div>
-        <div className={styles.formContents}>
-          <BasicSection
-            validate={validateBasic}
-            setValidate={setValidateBasic}
-            setValid={setValidBasic}
-          />
-          <SchoolSection
-            validate={validateSchool}
-            setValidate={setValidateSchool}
-            setValid={setValidSchool}
-            setIsCMUStudent={setIsCMUStudent}
-          />
-          <ExperienceSection
-            validate={validateExperience}
-            setValidate={setValidateExperience}
-            setValid={setValidExperience}
-          />
-          <WorkAuthorizationSection
-            validate={validateWorkAuth}
-            setValidate={setValidateWorkAuth}
-            setValid={setValidWorkAuth}
-          />
-          <PortfolioSection
-            setError={setError}
-            setErrorMessage={setErrorMessage}
-            validate={validatePortfolio}
-            setValidate={setValidatePortfolio}
-            setValid={setValidPortfolio}
-          />
-          <EssaySection
-            validate={validateEssay}
-            setValidate={setValidateEssay}
-            setValid={setValidEssay}
-          />
-          <LogisticsSection
-            validate={validateLogistics}
-            setValidate={setValidateLogistics}
-            setValid={setValidLogistics}
-            isCMUStudent={isCMUStudent}
-          />
-          <div className={styles.buttonContainer}>
-            <RectangleButton type="submit">
-              {application?.fetchedProfile
-                ? "Save Application"
-                : "Submit Application"}
-            </RectangleButton>
-            <Collapse in={loading}>
-              <CircularProgress />
-            </Collapse>
-          </div>
-        </div>
-      </form>
-    </Paper>
-  )
-}
+	return (
+		<Paper className={styles.formDialog}>
+			<Snackbar
+				open={error}
+				autoHideDuration={5000}
+				onClose={(e) => setError(false)}
+				anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+			>
+				<Alert severity="error">{errorMessage}</Alert>
+			</Snackbar>
+			<form
+				className={styles.applicationForm}
+				onSubmit={(e) => {
+					e.preventDefault();
+					validateForm();
+				}}
+			>
+				<div className={styles.headerContainer}>
+					<Typography variant="h4" className={styles.header}>
+						Application
+					</Typography>
+				</div>
+				<div className={styles.formContents}>
+					<BasicSection
+						validate={validateBasic}
+						setValidate={setValidateBasic}
+						setValid={setValidBasic}
+					/>
+					<SchoolSection
+						validate={validateSchool}
+						setValidate={setValidateSchool}
+						setValid={setValidSchool}
+						setIsCMUStudent={setIsCMUStudent}
+					/>
+					<ExperienceSection
+						validate={validateExperience}
+						setValidate={setValidateExperience}
+						setValid={setValidExperience}
+					/>
+					<WorkAuthorizationSection
+						validate={validateWorkAuth}
+						setValidate={setValidateWorkAuth}
+						setValid={setValidWorkAuth}
+					/>
+					<PortfolioSection
+						setError={setError}
+						setErrorMessage={setErrorMessage}
+						validate={validatePortfolio}
+						setValidate={setValidatePortfolio}
+						setValid={setValidPortfolio}
+					/>
+					<EssaySection
+						validate={validateEssay}
+						setValidate={setValidateEssay}
+						setValid={setValidEssay}
+					/>
+					<LogisticsSection
+						validate={validateLogistics}
+						setValidate={setValidateLogistics}
+						setValid={setValidLogistics}
+						isCMUStudent={isCMUStudent}
+					/>
+					<div className={styles.buttonContainer}>
+						<RectangleButton type="submit">
+							{application?.fetchedProfile
+								? 'Save Application'
+								: 'Submit Application'}
+						</RectangleButton>
+						<Collapse in={loading}>
+							<CircularProgress />
+						</Collapse>
+					</div>
+				</div>
+			</form>
+		</Paper>
+	);
+};
 
-export default ApplicationForm
+export default ApplicationForm;
diff --git a/src/components/menu/Menu/MenuItem.tsx b/src/components/menu/Menu/MenuItem.tsx
index 63752c9..c035681 100644
--- a/src/components/menu/Menu/MenuItem.tsx
+++ b/src/components/menu/Menu/MenuItem.tsx
@@ -1,42 +1,42 @@
-import { Link, Typography } from "@mui/material"
-import NextLink from "next/link"
-import { ReactElement } from "react"
-import styles from "./index.module.scss"
-import clsx from "clsx"
+import { Link, Typography } from '@mui/material';
+import NextLink from 'next/link';
+import { ReactElement } from 'react';
+import styles from './index.module.scss';
+import clsx from 'clsx';
 
 const MenuItem = ({
-  text,
-  url,
-  id
+	text,
+	url,
+	id,
 }: {
-  text: string
-  url: string
-  id: number
+	text: string;
+	url: string;
+	id: number;
 }): ReactElement => {
-  let linkColorClass
-  switch (id % 4) {
-    case 0:
-      linkColorClass = styles.menuItem0
-      break
-    case 1:
-      linkColorClass = styles.menuItem1
-      break
-    case 2:
-      linkColorClass = styles.menuItem2
-      break
-    case 3:
-      linkColorClass = styles.menuItem3
-      break
-  }
-  return (
-    <NextLink href={url} passHref>
-      <Link className={clsx(styles.link, linkColorClass)}>
-        <div className={styles.menuItem}>
-          <Typography variant="h5">{text}</Typography>
-        </div>
-      </Link>
-    </NextLink>
-  )
-}
+	let linkColorClass;
+	switch (id % 4) {
+		case 0:
+			linkColorClass = styles.menuItem0;
+			break;
+		case 1:
+			linkColorClass = styles.menuItem1;
+			break;
+		case 2:
+			linkColorClass = styles.menuItem2;
+			break;
+		case 3:
+			linkColorClass = styles.menuItem3;
+			break;
+	}
+	return (
+		<NextLink href={url} passHref>
+			<Link className={clsx(styles.link, linkColorClass)}>
+				<div className={styles.menuItem}>
+					<Typography variant="h5">{text}</Typography>
+				</div>
+			</Link>
+		</NextLink>
+	);
+};
 
-export default MenuItem
+export default MenuItem;
diff --git a/src/components/menu/Menu/MenuLine.tsx b/src/components/menu/Menu/MenuLine.tsx
index 2b42df2..012c053 100644
--- a/src/components/menu/Menu/MenuLine.tsx
+++ b/src/components/menu/Menu/MenuLine.tsx
@@ -1,21 +1,21 @@
-import { ReactElement } from "react"
-import styles from "./index.module.scss"
+import { ReactElement } from 'react';
+import styles from './index.module.scss';
 
 const MenuLine = (): ReactElement => {
-  return (
-    <svg className={styles.menuLine} viewBox="0 0 422 7">
-      <line
-        x1="3.5"
-        y1="3.5"
-        x2="418.5"
-        y2="3.5"
-        stroke="white"
-        strokeOpacity="0.3"
-        strokeWidth="7"
-        strokeLinecap="round"
-      />
-    </svg>
-  )
-}
+	return (
+		<svg className={styles.menuLine} viewBox="0 0 422 7">
+			<line
+				x1="3.5"
+				y1="3.5"
+				x2="418.5"
+				y2="3.5"
+				stroke="white"
+				strokeOpacity="0.3"
+				strokeWidth="7"
+				strokeLinecap="round"
+			/>
+		</svg>
+	);
+};
 
-export default MenuLine
+export default MenuLine;
diff --git a/src/components/menu/Menu/index.module.scss b/src/components/menu/Menu/index.module.scss
index 40adc3a..ff9548f 100644
--- a/src/components/menu/Menu/index.module.scss
+++ b/src/components/menu/Menu/index.module.scss
@@ -1,121 +1,121 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .burgerLine {
-  width: 3rem;
-  height: 0.25rem;
-  background-color: $color-primary;
-  border-radius: 10px;
-  position: relative;
-  margin-bottom: 2px;
+	width: 3rem;
+	height: 0.25rem;
+	background-color: $color-primary;
+	border-radius: 10px;
+	position: relative;
+	margin-bottom: 2px;
 }
 
 .burgerWrapper {
-  top: 0;
-  right: 0;
-
-  position: absolute;
-  margin: 3% 3% 0 0;
-  cursor: pointer;
-  padding: 0;
-  z-index: 100;
-
-  @include down($breakpoint-md) {
-    margin: 5% 5% 0 0;
-  }
-
-  @include down($breakpoint-sm) {
-    margin: 8% 5% 0 0;
-  }
+	top: 0;
+	right: 0;
+
+	position: absolute;
+	margin: 3% 3% 0 0;
+	cursor: pointer;
+	padding: 0;
+	z-index: 100;
+
+	@include down($breakpoint-md) {
+		margin: 5% 5% 0 0;
+	}
+
+	@include down($breakpoint-sm) {
+		margin: 8% 5% 0 0;
+	}
 }
 
 .burger {
-  height: 3rem;
-  width: 3rem;
+	height: 3rem;
+	width: 3rem;
 
-  @include down($breakpoint-sm) {
-    height: 2rem;
-    width: 2rem;
-  }
+	@include down($breakpoint-sm) {
+		height: 2rem;
+		width: 2rem;
+	}
 }
 
 .menuWrapper {
-  top: 0;
-  width: 100%;
-  position: absolute;
+	top: 0;
+	width: 100%;
+	position: absolute;
 }
 
 .menuBox {
-  top: 8rem;
-  right: 5rem;
-  position: absolute;
-  width: 20rem;
-
-  @include down($breakpoint-md) {
-    right: 3rem;
-  }
-
-  @include down($breakpoint-xs) {
-    right: 1rem;
-    width: 19rem;
-  }
-
-  text-align: center;
-  padding: 1em;
-  background: $color-primary-darker;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-
-  box-shadow: $box-shadow;
-  border-radius: 10px;
+	top: 8rem;
+	right: 5rem;
+	position: absolute;
+	width: 20rem;
+
+	@include down($breakpoint-md) {
+		right: 3rem;
+	}
+
+	@include down($breakpoint-xs) {
+		right: 1rem;
+		width: 19rem;
+	}
+
+	text-align: center;
+	padding: 1em;
+	background: $color-primary-darker;
+
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+
+	box-shadow: $box-shadow;
+	border-radius: 10px;
 }
 
 .menuBurgerContainer {
-  position: absolute;
-  top: 0;
-  left: 0;
+	position: absolute;
+	top: 0;
+	left: 0;
 }
 
 .link {
-  color: $text-color-contrast;
-  width: 100%;
-  text-decoration: none;
+	color: $text-color-contrast;
+	width: 100%;
+	text-decoration: none;
 }
 
 .link:hover {
-  text-decoration: underline;
-  cursor: pointer;
+	text-decoration: underline;
+	cursor: pointer;
 }
 
 .menuItem0:hover {
-  background-color: $color-theme-blue;
+	background-color: $color-theme-blue;
 }
 
 .menuItem1:hover {
-  background-color: $color-theme-purple;
-  color: black;
+	background-color: $color-theme-purple;
+	color: black;
 }
 
 .menuItem2:hover {
-  background-color: $color-theme-yellow;
-  color: black;
+	background-color: $color-theme-yellow;
+	color: black;
 }
 
 .menuItem3:hover {
-  background-color: $color-theme-pink;
-  color: black;
+	background-color: $color-theme-pink;
+	color: black;
 }
 
 .menuLine {
-  position: relative;
-  width: 100%;
-  height: 7px;
+	position: relative;
+	width: 100%;
+	height: 7px;
 }
 
 .menuItem {
-  padding: 2em;
-  text-align: center;
+	padding: 2em;
+	text-align: center;
 }
diff --git a/src/components/menu/Menu/index.tsx b/src/components/menu/Menu/index.tsx
index e199712..0792c4b 100644
--- a/src/components/menu/Menu/index.tsx
+++ b/src/components/menu/Menu/index.tsx
@@ -1,82 +1,94 @@
-import { Modal } from "@mui/material"
-import { Status } from "enums/Status"
-import { DateTime } from "luxon"
-import { ReactElement, useState } from "react"
-import { useSelector } from "react-redux"
-import { RootState } from "types/RootState"
-import BurgerMenu from "../../design/BurgerMenu"
-import styles from "./index.module.scss"
-import MenuItem from "./MenuItem"
-import MenuLine from "./MenuLine"
+import { Modal } from '@mui/material';
+import { Status } from 'enums/Status';
+import { DateTime } from 'luxon';
+import { ReactElement, useState } from 'react';
+import { useSelector } from 'react-redux';
+import { RootState } from 'types/RootState';
+import BurgerMenu from '../../design/BurgerMenu';
+import styles from './index.module.scss';
+import MenuItem from './MenuItem';
+import MenuLine from './MenuLine';
 
 const Menu = (): ReactElement => {
-  const [open, setOpen] = useState(false)
-  const handleSwitch = () => setOpen(!open)
-  const handleClose = () => setOpen(false)
+	const [open, setOpen] = useState(false);
+	const handleSwitch = () => setOpen(!open);
+	const handleClose = () => setOpen(false);
 
-  const status =
-    useSelector((state: RootState) => state?.accounts?.data?.status) ??
-    Status.UNVERIFIED
-  const isAdmin = useSelector(
-    (state: RootState) => state?.accounts?.data?.admin
-  )
+	const status =
+		useSelector((state: RootState) => state?.accounts?.data?.status) ??
+		Status.UNVERIFIED;
+	const isAdmin = useSelector(
+		(state: RootState) => state?.accounts?.data?.admin,
+	);
 
-  const confirmTime = useSelector(
-    (state: RootState) => state?.settings?.confirmTime
-  )
-  const confirmTimeDt = DateTime.fromJSDate(confirmTime)
-  const curDt = DateTime.now()
+	const confirmTime = useSelector(
+		(state: RootState) => state?.settings?.confirmTime,
+	);
+	const confirmTimeDt = DateTime.fromJSDate(confirmTime);
+	const curDt = DateTime.now();
 
-  const isLate = curDt > confirmTimeDt
+	const isLate = curDt > confirmTimeDt;
 
-  return (
-    <div className={styles.menuBurgerContainer}>
-      <div className={styles.burgerWrapper}>
-        <BurgerMenu className={styles.burger} onClick={handleSwitch} />
-      </div>
-      <Modal open={open} onClose={handleClose}>
-        <div className={styles.menuWrapper}>
-          <div className={styles.menuBox}>
-            <MenuItem text="HOME" url="/" id={0} />
-            <MenuLine />
-            {status === Status.VERIFIED ? (
-              <>
-                <MenuItem text="APPLY" url="/apply" id={1} />
-                <MenuLine />
-              </>
-            ) : null}
-            {status === Status.COMPLETED_PROFILE ? (
-              <>
-                <MenuItem text="EDIT APPLICATION" url="/apply" id={1} />
-                <MenuLine />
-              </>
-            ) : null}
-            {status === Status.ADMITTED ? (
-              <>
-                <MenuItem text="CONFIRM" url="/confirmation" id={1} />
-                <MenuLine />
-              </>
-            ) : null}
-            {isAdmin || status === Status.CONFIRMED ? (
-              <>
-                <MenuItem text="TEAM" url="/teams" id={1} />
-                <MenuLine />
-                <MenuItem text="MESSAGES" url="/messages" id={2} />
-                <MenuLine />
-              </>
-            ) : null}
-            {isAdmin ? (
-              <>
-                <MenuItem text="ADMIN" url="/admin" id={1} />
-                <MenuLine />
-              </>
-            ) : null}
-            <MenuItem text="LOGOUT" url="/logout" id={3} />
-          </div>
-        </div>
-      </Modal>
-    </div>
-  )
-}
+	return (
+		<div className={styles.menuBurgerContainer}>
+			<div className={styles.burgerWrapper}>
+				<BurgerMenu className={styles.burger} onClick={handleSwitch} />
+			</div>
+			<Modal open={open} onClose={handleClose}>
+				<div className={styles.menuWrapper}>
+					<div className={styles.menuBox}>
+						<MenuItem text="HOME" url="/" id={0} />
+						<MenuLine />
+						{status === Status.VERIFIED ? (
+							<>
+								<MenuItem text="APPLY" url="/apply" id={1} />
+								<MenuLine />
+							</>
+						) : null}
+						{status === Status.COMPLETED_PROFILE ? (
+							<>
+								<MenuItem
+									text="EDIT APPLICATION"
+									url="/apply"
+									id={1}
+								/>
+								<MenuLine />
+							</>
+						) : null}
+						{status === Status.ADMITTED ? (
+							<>
+								<MenuItem
+									text="CONFIRM"
+									url="/confirmation"
+									id={1}
+								/>
+								<MenuLine />
+							</>
+						) : null}
+						{isAdmin || status === Status.CONFIRMED ? (
+							<>
+								<MenuItem text="TEAM" url="/teams" id={1} />
+								<MenuLine />
+								<MenuItem
+									text="MESSAGES"
+									url="/messages"
+									id={2}
+								/>
+								<MenuLine />
+							</>
+						) : null}
+						{isAdmin ? (
+							<>
+								<MenuItem text="ADMIN" url="/admin" id={1} />
+								<MenuLine />
+							</>
+						) : null}
+						<MenuItem text="LOGOUT" url="/logout" id={3} />
+					</div>
+				</div>
+			</Modal>
+		</div>
+	);
+};
 
-export default Menu
+export default Menu;
diff --git a/src/components/teams/TeamTableEntry.module.scss b/src/components/teams/TeamTableEntry.module.scss
index ec1ec92..fabefcd 100644
--- a/src/components/teams/TeamTableEntry.module.scss
+++ b/src/components/teams/TeamTableEntry.module.scss
@@ -1,57 +1,57 @@
-@import "styles/variables.scss";
-@import "styles/mixins.scss";
+@import 'styles/variables.scss';
+@import 'styles/mixins.scss';
 
 .teamNameCell {
-  width: 50%;
+	width: 50%;
 
-  @include down($breakpoint-sm) {
-    width: 40%;
-    height: 100%;
-  }
+	@include down($breakpoint-sm) {
+		width: 40%;
+		height: 100%;
+	}
 }
 .name {
-  font-weight: 600;
-  color: $gradient-color-start;
-  font-size: 2em !important;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  display: block;
-  width: 100%;
+	font-weight: 600;
+	color: $gradient-color-start;
+	font-size: 2em !important;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+	display: block;
+	width: 100%;
 
-  @include down($breakpoint-sm) {
-    font-size: 1.5em !important;
-  }
+	@include down($breakpoint-sm) {
+		font-size: 1.5em !important;
+	}
 }
 .description {
-  font-weight: 400;
-  color: $gradient-color-start;
-  padding-left: 5%;
-  width: 95%;
-  right: 27px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  display: block;
-  @include down($breakpoint-sm) {
-    height: 0%;
-  }
+	font-weight: 400;
+	color: $gradient-color-start;
+	padding-left: 5%;
+	width: 95%;
+	right: 27px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+	display: block;
+	@include down($breakpoint-sm) {
+		height: 0%;
+	}
 }
 .joinButton {
-  padding-right: 15px;
-  text-align: right;
-  @include down($breakpoint-sm) {
-    font-size: 16px;
-  }
+	padding-right: 15px;
+	text-align: right;
+	@include down($breakpoint-sm) {
+		font-size: 16px;
+	}
 }
 .tableEntryButton {
-  padding: 1em 3em !important;
-  font-size: large !important;
+	padding: 1em 3em !important;
+	font-size: large !important;
 
-  @include down($breakpoint-lg) {
-    padding: 0.5em 1em !important;
-    font-size: medium !important;
-  }
+	@include down($breakpoint-lg) {
+		padding: 0.5em 1em !important;
+		font-size: medium !important;
+	}
 }
 .viewDetailCell {
 }
diff --git a/src/components/teams/TeamTableEntry.tsx b/src/components/teams/TeamTableEntry.tsx
index 1cc8364..bd8994c 100644
--- a/src/components/teams/TeamTableEntry.tsx
+++ b/src/components/teams/TeamTableEntry.tsx
@@ -1,64 +1,74 @@
-import { Hidden, Typography } from "@mui/material"
-import actions from "src/actions"
-import RectangleButton from "src/components/design/RectangleButton"
-import { useRouter } from "next/dist/client/router"
-import { useDispatch } from "react-redux"
-import styles from "./TeamTableEntry.module.scss"
+import { Hidden, Typography } from '@mui/material';
+import actions from 'src/actions';
+import RectangleButton from 'src/components/design/RectangleButton';
+import { useRouter } from 'next/dist/client/router';
+import { useDispatch } from 'react-redux';
+import styles from './TeamTableEntry.module.scss';
 
 const TeamTableEntry = (props: any) => {
-  const router = useRouter()
-  const dispatch = useDispatch()
-  return (
-    <>
-      <tr>
-        <td className={styles.teamNameCell}>
-          <div>
-            <Typography noWrap variant="h4" className={styles.name}>
-              {props.team.name}
-            </Typography>
-            <Hidden xsDown>
-              <Typography
-                noWrap
-                variant="subtitle1"
-                className={styles.description}
-              >
-                {props.team.description}
-              </Typography>
-            </Hidden>
-          </div>
-        </td>
-        <td className={styles.joinButton}>
-          <form
-            onSubmit={async (e) => {
-              e.preventDefault()
-              try {
-                await dispatch(actions.teams.joinTeamRequest(props.team._id))
-                props.callback(false)
-              } catch (err) {
-                props.callback(true)
-              }
-            }}
-          >
-            <RectangleButton type="submit" className={styles.tableEntryButton}>
-              Join
-            </RectangleButton>
-          </form>
-        </td>
-        <td className={styles.viewDetailCell}>
-          <form
-            onSubmit={(e) => {
-              e.preventDefault()
-              router.push("/teams/details/" + props.team._id)
-            }}
-          >
-            <RectangleButton type="submit" className={styles.tableEntryButton}>
-              Details
-            </RectangleButton>
-          </form>
-        </td>
-      </tr>
-    </>
-  )
-}
+	const router = useRouter();
+	const dispatch = useDispatch();
+	return (
+		<>
+			<tr>
+				<td className={styles.teamNameCell}>
+					<div>
+						<Typography noWrap variant="h4" className={styles.name}>
+							{props.team.name}
+						</Typography>
+						<Hidden xsDown>
+							<Typography
+								noWrap
+								variant="subtitle1"
+								className={styles.description}
+							>
+								{props.team.description}
+							</Typography>
+						</Hidden>
+					</div>
+				</td>
+				<td className={styles.joinButton}>
+					<form
+						onSubmit={async (e) => {
+							e.preventDefault();
+							try {
+								await dispatch(
+									actions.teams.joinTeamRequest(
+										props.team._id,
+									),
+								);
+								props.callback(false);
+							} catch (err) {
+								props.callback(true);
+							}
+						}}
+					>
+						<RectangleButton
+							type="submit"
+							className={styles.tableEntryButton}
+						>
+							Join
+						</RectangleButton>
+					</form>
+				</td>
+				<td className={styles.viewDetailCell}>
+					<form
+						onSubmit={(e) => {
+							e.preventDefault();
+							router.push('/teams/details/' + props.team._id);
+						}}
+					>
+						<RectangleButton
+							type="submit"
+							className={styles.tableEntryButton}
+						>
+							Details
+						</RectangleButton>
+					</form>
+				</td>
+			</tr>
+		</>
+	);
+};
 
-export default TeamTableEntry
+export default TeamTableEntry;
diff --git a/src/components/teams/messages/Message.module.scss b/src/components/teams/messages/Message.module.scss
index 59be1c8..203ca31 100644
--- a/src/components/teams/messages/Message.module.scss
+++ b/src/components/teams/messages/Message.module.scss
@@ -1,97 +1,97 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .tableRow {
-  display: grid;
-  width: 100%;
+	display: grid;
+	width: 100%;
 
-  @include up($breakpoint-md) {
-    grid-template-areas: "new body body body body body left right";
-  }
+	@include up($breakpoint-md) {
+		grid-template-areas: 'new body body body body body left right';
+	}
 
-  @include down($breakpoint-md) {
-    grid-template-areas:
-      "new body body body body body"
-      "skip left left right right right";
-  }
+	@include down($breakpoint-md) {
+		grid-template-areas:
+			'new body body body body body'
+			'skip left left right right right';
+	}
 }
 
 .newCell {
-  grid-area: new;
-  padding-top: 5px;
-  vertical-align: top;
+	grid-area: new;
+	padding-top: 5px;
+	vertical-align: top;
 }
 .new {
-  color: $color-primary;
-  font-size: 20px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  display: block;
-  top: 0px;
-  width: 100%;
-  @include down($breakpoint-sm) {
-    font-size: 13px;
-  }
+	color: $color-primary;
+	font-size: 20px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+	display: block;
+	top: 0px;
+	width: 100%;
+	@include down($breakpoint-sm) {
+		font-size: 13px;
+	}
 }
 .message {
-  grid-area: body;
-  padding-right: 15px;
-  padding-bottom: 30px;
-  padding-top: 10px;
-  @include down($breakpoint-sm) {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
+	grid-area: body;
+	padding-right: 15px;
+	padding-bottom: 30px;
+	padding-top: 10px;
+	@include down($breakpoint-sm) {
+		padding-left: 0px;
+		padding-right: 0px;
+	}
 }
 .tableEntryButton {
-  text-align: center;
-  text-transform: uppercase;
-  border-radius: 10px;
-  background: $gradient-color-end;
-  color: $text-color-contrast;
+	text-align: center;
+	text-transform: uppercase;
+	border-radius: 10px;
+	background: $gradient-color-end;
+	color: $text-color-contrast;
 
-  padding: 1em 3em !important;
-  font-size: large !important;
+	padding: 1em 3em !important;
+	font-size: large !important;
 
-  @include down($breakpoint-lg) {
-    padding: 0.5em 1em !important;
-    font-size: medium !important;
-  }
+	@include down($breakpoint-lg) {
+		padding: 0.5em 1em !important;
+		font-size: medium !important;
+	}
 }
 .buttonCell {
-  width: fit-content;
-  padding-left: 10px;
-  padding-bottom: 30px;
-  padding-top: 10px;
-  @include down($breakpoint-md) {
-    paddingleft: 5px;
-  }
+	width: fit-content;
+	padding-left: 10px;
+	padding-bottom: 30px;
+	padding-top: 10px;
+	@include down($breakpoint-md) {
+		paddingleft: 5px;
+	}
 }
 .row {
-  border-bottom: 7px solid #f7c06260;
+	border-bottom: 7px solid #f7c06260;
 }
 .messageHeader {
-  font-weight: 600;
-  color: $gradient-color-start;
-  display: block;
-  margin: 0;
+	font-weight: 600;
+	color: $gradient-color-start;
+	display: block;
+	margin: 0;
 }
 .messageText {
-  padding-top: 15px;
-  font-weight: 400;
-  color: $gradient-color-start;
-  display: block;
-  word-wrap: break-word;
-  @include down($breakpoint-sm) {
-    padding-top: 10px;
-  }
+	padding-top: 15px;
+	font-weight: 400;
+	color: $gradient-color-start;
+	display: block;
+	word-wrap: break-word;
+	@include down($breakpoint-sm) {
+		padding-top: 10px;
+	}
 }
 
 .leftButton {
-  grid-area: left;
+	grid-area: left;
 }
 
 .rightButton {
-  grid-area: right;
+	grid-area: right;
 }
diff --git a/src/components/teams/messages/Message.tsx b/src/components/teams/messages/Message.tsx
index d405daa..5bd8887 100644
--- a/src/components/teams/messages/Message.tsx
+++ b/src/components/teams/messages/Message.tsx
@@ -1,132 +1,153 @@
-import { Typography } from "@mui/material"
-import { useDispatch } from "react-redux"
-import actions from "src/actions"
-import RectangleButton from "src/components/design/RectangleButton"
-import styles from "./Message.module.scss"
-import clsx from "clsx"
+import { Typography } from '@mui/material';
+import { useDispatch } from 'react-redux';
+import actions from 'src/actions';
+import RectangleButton from 'src/components/design/RectangleButton';
+import styles from './Message.module.scss';
+import clsx from 'clsx';
 
 const Message = (props: any) => {
-  const dispatch = useDispatch()
+	const dispatch = useDispatch();
 
-  const getMessage = (request: any) => {
-    let header = request.type
-    switch (request.type) {
-      case "JOIN":
-        header = "JOIN REQUEST"
-        break
+	const getMessage = (request: any) => {
+		let header = request.type;
+		switch (request.type) {
+			case 'JOIN':
+				header = 'JOIN REQUEST';
+				break;
 
-      case "INVITE":
-        header = "INVITATION"
-        break
-    }
+			case 'INVITE':
+				header = 'INVITATION';
+				break;
+		}
 
-    const bodyContent = props.isCaptain ? request.user.email : request.team.name
-    const body = `<${bodyContent}>`
+		const bodyContent = props.isCaptain
+			? request.user.email
+			: request.team.name;
+		const body = `<${bodyContent}>`;
 
-    return {
-      header: header,
-      body: body
-    }
-  }
+		return {
+			header: header,
+			body: body,
+		};
+	};
 
-  const message = getMessage(props.content)
-  const types = props.isCaptain
-    ? {
-        cancel: "INVITE",
-        acceptDecline: "JOIN"
-      }
-    : {
-        cancel: "JOIN",
-        acceptDecline: "INVITE"
-      }
-  return (
-    <div className={styles.tableRow}>
-      <div className={styles.newCell}>
-        {props.isNew && props.content.type != types.cancel ? (
-          <Typography noWrap variant="subtitle1" className={styles.new}>
-            New
-          </Typography>
-        ) : null}
-      </div>
-      <div className={styles.message}>
-        <Typography variant="h4" className={styles.messageHeader}>
-          {message.header}
-        </Typography>
-        <Typography variant="subtitle1" className={styles.messageText}>
-          {message.body}
-        </Typography>
-      </div>
-      <div className={clsx(styles.buttonCell, styles.leftButton)}>
-        {props.content.type == types.acceptDecline ? (
-          <form
-            onSubmit={async (e) => {
-              e.preventDefault()
-              try {
-                await dispatch(
-                  actions.requests.acceptRequest(props.content._id)
-                )
-                props.setNotify("success")
-                props.setSuccessMessage(
-                  props.isCaptain
-                    ? "Successfully added the user"
-                    : "Successfully joined the team!"
-                )
-              } catch (err) {
-                props.setNotify("error")
-              } finally {
-                props.handleRemove(props.content._id)
-              }
-            }}
-          >
-            <RectangleButton type="submit" className={styles.tableEntryButton}>
-              Accept
-            </RectangleButton>
-          </form>
-        ) : null}
-      </div>
-      <div className={clsx(styles.buttonCell, styles.rightButton)}>
-        {props.content.type == types.acceptDecline ? (
-          <form
-            onSubmit={async (e) => {
-              e.preventDefault()
-              try {
-                await dispatch(
-                  actions.requests.declineRequest(props.content._id)
-                )
-              } catch (err) {
-                props.setNotify("error")
-              } finally {
-                props.handleRemove(props.content._id)
-              }
-            }}
-          >
-            <RectangleButton type="submit" className={styles.tableEntryButton}>
-              Decline
-            </RectangleButton>
-          </form>
-        ) : (
-          <form
-            onSubmit={async (e) => {
-              e.preventDefault()
-              try {
-                await dispatch(
-                  actions.requests.cancelRequest(props.content._id)
-                )
-              } catch (err) {
-                props.setNotify("error")
-              } finally {
-                props.handleRemove(props.content._id)
-              }
-            }}
-          >
-            <RectangleButton type="submit" className={styles.tableEntryButton}>
-              Cancel
-            </RectangleButton>
-          </form>
-        )}
-      </div>
-    </div>
-  )
-}
+	const message = getMessage(props.content);
+	const types = props.isCaptain
+		? {
+				cancel: 'INVITE',
+				acceptDecline: 'JOIN',
+		  }
+		: {
+				cancel: 'JOIN',
+				acceptDecline: 'INVITE',
+		  };
+	return (
+		<div className={styles.tableRow}>
+			<div className={styles.newCell}>
+				{props.isNew && props.content.type != types.cancel ? (
+					<Typography
+						noWrap
+						variant="subtitle1"
+						className={styles.new}
+					>
+						New
+					</Typography>
+				) : null}
+			</div>
+			<div className={styles.message}>
+				<Typography variant="h4" className={styles.messageHeader}>
+					{message.header}
+				</Typography>
+				<Typography variant="subtitle1" className={styles.messageText}>
+					{message.body}
+				</Typography>
+			</div>
+			<div className={clsx(styles.buttonCell, styles.leftButton)}>
+				{props.content.type == types.acceptDecline ? (
+					<form
+						onSubmit={async (e) => {
+							e.preventDefault();
+							try {
+								await dispatch(
+									actions.requests.acceptRequest(
+										props.content._id,
+									),
+								);
+								props.setNotify('success');
+								props.setSuccessMessage(
+									props.isCaptain
+										? 'Successfully added the user'
+										: 'Successfully joined the team!',
+								);
+							} catch (err) {
+								props.setNotify('error');
+							} finally {
+								props.handleRemove(props.content._id);
+							}
+						}}
+					>
+						<RectangleButton
+							type="submit"
+							className={styles.tableEntryButton}
+						>
+							Accept
+						</RectangleButton>
+					</form>
+				) : null}
+			</div>
+			<div className={clsx(styles.buttonCell, styles.rightButton)}>
+				{props.content.type == types.acceptDecline ? (
+					<form
+						onSubmit={async (e) => {
+							e.preventDefault();
+							try {
+								await dispatch(
+									actions.requests.declineRequest(
+										props.content._id,
+									),
+								);
+							} catch (err) {
+								props.setNotify('error');
+							} finally {
+								props.handleRemove(props.content._id);
+							}
+						}}
+					>
+						<RectangleButton
+							type="submit"
+							className={styles.tableEntryButton}
+						>
+							Decline
+						</RectangleButton>
+					</form>
+				) : (
+					<form
+						onSubmit={async (e) => {
+							e.preventDefault();
+							try {
+								await dispatch(
+									actions.requests.cancelRequest(
+										props.content._id,
+									),
+								);
+							} catch (err) {
+								props.setNotify('error');
+							} finally {
+								props.handleRemove(props.content._id);
+							}
+						}}
+					>
+						<RectangleButton
+							type="submit"
+							className={styles.tableEntryButton}
+						>
+							Cancel
+						</RectangleButton>
+					</form>
+				)}
+			</div>
+		</div>
+	);
+};
 
-export default Message
+export default Message;
diff --git a/src/components/teams/messages/MessagesDialog.module.scss b/src/components/teams/messages/MessagesDialog.module.scss
index d673acd..1ec4406 100644
--- a/src/components/teams/messages/MessagesDialog.module.scss
+++ b/src/components/teams/messages/MessagesDialog.module.scss
@@ -1,26 +1,26 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .tableData {
-  width: 100%;
-  text-align: left;
+	width: 100%;
+	text-align: left;
 }
 .spinnerContainer {
-  display: flex;
-  justify-content: center;
+	display: flex;
+	justify-content: center;
 }
 .statusMessageContainer {
-  display: flex;
-  justify-content: center;
+	display: flex;
+	justify-content: center;
 }
 .noTeamsText {
-  font-weight: 600;
-  color: $color-primary;
-  font-size: 25px;
-  text-align: center;
-  @include down($breakpoint-sm) {
-    font-size: 20px;
-    width: 80%;
-    padding-bottom: 20px;
-  }
+	font-weight: 600;
+	color: $color-primary;
+	font-size: 25px;
+	text-align: center;
+	@include down($breakpoint-sm) {
+		font-size: 20px;
+		width: 80%;
+		padding-bottom: 20px;
+	}
 }
diff --git a/src/components/teams/messages/MessagesDialog.tsx b/src/components/teams/messages/MessagesDialog.tsx
index 060bd06..7bbf529 100644
--- a/src/components/teams/messages/MessagesDialog.tsx
+++ b/src/components/teams/messages/MessagesDialog.tsx
@@ -1,121 +1,121 @@
-import { CircularProgress, Collapse, Typography } from "@mui/material"
+import { CircularProgress, Collapse, Typography } from '@mui/material';
 import React, {
-  ReactElement,
-  useState,
-  useEffect,
-  Dispatch,
-  SetStateAction
-} from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import ContentHeader from "src/components/design/ContentHeader"
-import FloatingDiv from "src/components/design/FloatingDiv"
-import { RootState } from "types/RootState"
-import Message from "./Message"
-import styles from "./MessagesDialog.module.scss"
+	ReactElement,
+	useState,
+	useEffect,
+	Dispatch,
+	SetStateAction,
+} from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import ContentHeader from 'src/components/design/ContentHeader';
+import FloatingDiv from 'src/components/design/FloatingDiv';
+import { RootState } from 'types/RootState';
+import Message from './Message';
+import styles from './MessagesDialog.module.scss';
 
 interface RequestData {
-  seen: boolean
-  _id: string
-  type: string
+	seen: boolean;
+	_id: string;
+	type: string;
 }
 
 const MessagesDialog = ({
-  setSuccessMessage
+	setSuccessMessage,
 }: {
-  setSuccessMessage: Dispatch<SetStateAction<string>>
+	setSuccessMessage: Dispatch<SetStateAction<string>>;
 }): ReactElement => {
-  const dispatch = useDispatch()
-  const [requests, setRequests] = useState<any>([])
-  const [seen, setSeen] = useState<Array<boolean>>([])
-  const [notify, setNotify] = useState("")
-  const [isCaptain, setIsCaptain] = useState(false)
-  const user = useSelector((state: RootState) => state?.accounts?.data)
+	const dispatch = useDispatch();
+	const [requests, setRequests] = useState<any>([]);
+	const [seen, setSeen] = useState<Array<boolean>>([]);
+	const [notify, setNotify] = useState('');
+	const [isCaptain, setIsCaptain] = useState(false);
+	const user = useSelector((state: RootState) => state?.accounts?.data);
 
-  const [loading, setLoading] = useState(false)
+	const [loading, setLoading] = useState(false);
 
-  useEffect(() => {
-    if (user === undefined) {
-      return
-    }
+	useEffect(() => {
+		if (user === undefined) {
+			return;
+		}
 
-    const fetchRequests = async () => {
-      setLoading(true)
-      let captain = false
-      try {
-        const teamInfo = await dispatch(actions.user.getOwnTeam())
-        captain = user._id === teamInfo.data.admin._id
-      } catch (err) {
-        console.error(err)
-      }
-      try {
-        setIsCaptain(captain)
-        const req = captain
-          ? await dispatch(actions.requests.curTeamRequests())
-          : await dispatch(actions.requests.curUserRequests())
-        setRequests(req.data)
-        setSeen(
-          req.data.map((r: RequestData) => {
-            return r.seen
-          })
-        )
-        req.data.forEach(async (value: any) => {
-          if (
-            (captain && value.type === "JOIN") ||
-            (!captain && value.type === "INVITE")
-          ) {
-            await dispatch(actions.requests.openRequest(value._id))
-          }
-        })
-      } catch (err) {
-        console.error(err)
-      }
-      setLoading(false)
-    }
+		const fetchRequests = async () => {
+			setLoading(true);
+			let captain = false;
+			try {
+				const teamInfo = await dispatch(actions.user.getOwnTeam());
+				captain = user._id === teamInfo.data.admin._id;
+			} catch (err) {
+				console.error(err);
+			}
+			try {
+				setIsCaptain(captain);
+				const req = captain
+					? await dispatch(actions.requests.curTeamRequests())
+					: await dispatch(actions.requests.curUserRequests());
+				setRequests(req.data);
+				setSeen(
+					req.data.map((r: RequestData) => {
+						return r.seen;
+					}),
+				);
+				req.data.forEach(async (value: any) => {
+					if (
+						(captain && value.type === 'JOIN') ||
+						(!captain && value.type === 'INVITE')
+					) {
+						await dispatch(actions.requests.openRequest(value._id));
+					}
+				});
+			} catch (err) {
+				console.error(err);
+			}
+			setLoading(false);
+		};
 
-    fetchRequests()
-  }, [user])
+		fetchRequests();
+	}, [user]);
 
-  function handleRemove(id: number) {
-    const newRequests = requests.filter((item: any) => item._id !== id)
-    setRequests(newRequests)
-  }
+	function handleRemove(id: number) {
+		const newRequests = requests.filter((item: any) => item._id !== id);
+		setRequests(newRequests);
+	}
 
-  let emptyMessage = null
-  if (!loading && requests.length === 0) {
-    emptyMessage = (
-      <div className={styles.statusMessageContainer}>
-        <Typography variant="body1" className={styles.noTeamsText}>
-          You don&apos;t have any messages
-        </Typography>
-      </div>
-    )
-  }
+	let emptyMessage = null;
+	if (!loading && requests.length === 0) {
+		emptyMessage = (
+			<div className={styles.statusMessageContainer}>
+				<Typography variant="body1" className={styles.noTeamsText}>
+					You don&apos;t have any messages
+				</Typography>
+			</div>
+		);
+	}
 
-  return (
-    <FloatingDiv>
-      <ContentHeader title="Messages" />
-      <Collapse in={loading}>
-        <div className={styles.spinnerContainer}>
-          <CircularProgress />
-        </div>
-      </Collapse>
-      <div className={styles.tableData}>
-        {requests.map((request: any, idx: number) => (
-          <Message
-            key={idx}
-            content={request}
-            setSuccessMessage={setSuccessMessage}
-            setNotify={setNotify}
-            isNew={!seen[idx]}
-            isCaptain={isCaptain}
-            handleRemove={handleRemove}
-          />
-        ))}
-        {emptyMessage}
-      </div>
-    </FloatingDiv>
-  )
-}
+	return (
+		<FloatingDiv>
+			<ContentHeader title="Messages" />
+			<Collapse in={loading}>
+				<div className={styles.spinnerContainer}>
+					<CircularProgress />
+				</div>
+			</Collapse>
+			<div className={styles.tableData}>
+				{requests.map((request: any, idx: number) => (
+					<Message
+						key={idx}
+						content={request}
+						setSuccessMessage={setSuccessMessage}
+						setNotify={setNotify}
+						isNew={!seen[idx]}
+						isCaptain={isCaptain}
+						handleRemove={handleRemove}
+					/>
+				))}
+				{emptyMessage}
+			</div>
+		</FloatingDiv>
+	);
+};
 
-export default MessagesDialog
+export default MessagesDialog;
diff --git a/src/components/waitlist/index.tsx b/src/components/waitlist/index.tsx
index 0f18a2c..b6c009c 100644
--- a/src/components/waitlist/index.tsx
+++ b/src/components/waitlist/index.tsx
@@ -1,49 +1,51 @@
-import { Alert } from "@mui/material"
-import { useEffect, useState } from "react"
-import { useDispatch } from "react-redux"
-import actions from "src/actions"
+import { Alert } from '@mui/material';
+import { useEffect, useState } from 'react';
+import { useDispatch } from 'react-redux';
+import actions from 'src/actions';
 
 export default function WaitlistAlert({
-  completedProfile
+	completedProfile,
 }: {
-  completedProfile: boolean
+	completedProfile: boolean;
 }) {
-  const dispatch = useDispatch()
-  const [waitlistStatus, setWaitlistStatus] = useState(false)
+	const dispatch = useDispatch();
+	const [waitlistStatus, setWaitlistStatus] = useState(false);
 
-  useEffect(() => {
-    const getWaitlistStatus = async () => {
-      const { data } = await dispatch(actions.settings.getWaitlistStatus())
-      setWaitlistStatus(!!data.waitlist)
-    }
-    getWaitlistStatus()
-  }, [])
+	useEffect(() => {
+		const getWaitlistStatus = async () => {
+			const { data } = await dispatch(
+				actions.settings.getWaitlistStatus(),
+			);
+			setWaitlistStatus(!!data.waitlist);
+		};
+		getWaitlistStatus();
+	}, []);
 
-  if (!waitlistStatus) {
-    return null
-  }
+	if (!waitlistStatus) {
+		return null;
+	}
 
-  return completedProfile ? (
-    <Alert
-      severity="error"
-      style={{
-        marginTop: "20px"
-      }}
-    >
-      Unfortunately, due to overwhelming demand, we have reached our capacity
-      for TartanHacks 2024. We will process the waitlist and let you know by
-      February 3rd, 10pm EST.
-    </Alert>
-  ) : (
-    <Alert
-      severity="error"
-      style={{
-        marginTop: "20px"
-      }}
-    >
-      Unfortunately, due to overwhelming demand, we have reached our capacity
-      for TartanHacks 2024. If you&apos;d like to be placed on a waitlist,
-      please complete the registration process.
-    </Alert>
-  )
+	return completedProfile ? (
+		<Alert
+			severity="error"
+			style={{
+				marginTop: '20px',
+			}}
+		>
+			Unfortunately, due to overwhelming demand, we have reached our
+			capacity for TartanHacks 2024. We will process the waitlist and let
+			you know by February 3rd, 10pm EST.
+		</Alert>
+	) : (
+		<Alert
+			severity="error"
+			style={{
+				marginTop: '20px',
+			}}
+		>
+			Unfortunately, due to overwhelming demand, we have reached our
+			capacity for TartanHacks 2024. If you&apos;d like to be placed on a
+			waitlist, please complete the registration process.
+		</Alert>
+	);
 }
diff --git a/src/layouts/AdminLayout.tsx b/src/layouts/AdminLayout.tsx
index 6f7e002..de27934 100644
--- a/src/layouts/AdminLayout.tsx
+++ b/src/layouts/AdminLayout.tsx
@@ -1,12 +1,12 @@
-import { CircularProgress, Collapse } from "@mui/material"
-import { useRouter } from "next/dist/client/router"
-import { FunctionComponent, ReactElement, useEffect, useState } from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import ScottyLabsHeader from "src/components/design/ScottyLabsHeader"
-import WaveBackground from "src/components/design/WaveBackground"
-import { RootState } from "types/RootState"
-import styles from "./index.module.scss"
+import { CircularProgress, Collapse } from '@mui/material';
+import { useRouter } from 'next/dist/client/router';
+import { FunctionComponent, ReactElement, useEffect, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import ScottyLabsHeader from 'src/components/design/ScottyLabsHeader';
+import WaveBackground from 'src/components/design/WaveBackground';
+import { RootState } from 'types/RootState';
+import styles from './index.module.scss';
 
 /**
  * Layout to hide content that requires authentication at an admin level.
@@ -14,48 +14,52 @@ import styles from "./index.module.scss"
  * login the user using the stored login token in the browser
  */
 const AdminLayout = (Page: FunctionComponent) => (): ReactElement => {
-  const dispatch = useDispatch()
-  const router = useRouter()
-  const [loading, setLoading] = useState(false)
-  const currentUser = useSelector((state: RootState) => state?.accounts?.data)
+	const dispatch = useDispatch();
+	const router = useRouter();
+	const [loading, setLoading] = useState(false);
+	const currentUser = useSelector(
+		(state: RootState) => state?.accounts?.data,
+	);
 
-  useEffect(() => {
-    const loginWithToken = async () => {
-      setLoading(true)
-      try {
-        await dispatch(actions.auth.loginWithToken())
-      } catch (err) {
-        // Login token expired or invalid
-        router.push("/login")
-      }
-      setLoading(false)
-    }
-    loginWithToken()
-  }, [])
+	useEffect(() => {
+		const loginWithToken = async () => {
+			setLoading(true);
+			try {
+				await dispatch(actions.auth.loginWithToken());
+			} catch (err) {
+				// Login token expired or invalid
+				console.log('invalid token');
+				router.push('/login');
+			}
+			setLoading(false);
+		};
+		loginWithToken();
+	}, []);
 
-  useEffect(() => {
-    if (currentUser?._id && !currentUser.admin) {
-      router.push("/")
-    }
-  }, [currentUser])
+	useEffect(() => {
+		if (currentUser?._id && !currentUser.admin) {
+			console.log('not auth');
+			// router.push("/")
+		}
+	}, [currentUser]);
 
-  if (loading || currentUser == null) {
-    return (
-      <>
-        <WaveBackground />
-        <div>
-          <ScottyLabsHeader />
-          <div className={styles.dialog}>
-            <Collapse in={loading}>
-              <CircularProgress className={styles.spinner} />
-            </Collapse>
-          </div>
-        </div>
-      </>
-    )
-  }
+	if (loading || currentUser == null) {
+		return (
+			<>
+				<WaveBackground />
+				<div>
+					<ScottyLabsHeader />
+					<div className={styles.dialog}>
+						<Collapse in={loading}>
+							<CircularProgress className={styles.spinner} />
+						</Collapse>
+					</div>
+				</div>
+			</>
+		);
+	}
 
-  return <Page />
-}
+	return <Page />;
+};
 
-export default AdminLayout
+export default AdminLayout;
diff --git a/src/layouts/AuthenticatedLayout.tsx b/src/layouts/AuthenticatedLayout.tsx
index ee598bb..44d4fc8 100644
--- a/src/layouts/AuthenticatedLayout.tsx
+++ b/src/layouts/AuthenticatedLayout.tsx
@@ -1,12 +1,12 @@
-import { CircularProgress, Collapse } from "@mui/material"
-import { useRouter } from "next/dist/client/router"
-import { FunctionComponent, ReactElement, useEffect, useState } from "react"
-import { useDispatch, useSelector } from "react-redux"
-import actions from "src/actions"
-import WaveBackground from "src/components/design/WaveBackground"
-import { RootState } from "types/RootState"
-import styles from "./index.module.scss"
-import WaveHeader from "src/components/design/WaveHeader"
+import { CircularProgress, Collapse } from '@mui/material';
+import { useRouter } from 'next/dist/client/router';
+import { FunctionComponent, ReactElement, useEffect, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import actions from 'src/actions';
+import WaveBackground from 'src/components/design/WaveBackground';
+import { RootState } from 'types/RootState';
+import styles from './index.module.scss';
+import WaveHeader from 'src/components/design/WaveHeader';
 
 /**
  * Layout to hide content that requires authentication.
@@ -14,59 +14,61 @@ import WaveHeader from "src/components/design/WaveHeader"
  * login the user using the stored login token in the browser
  */
 const AuthenticatedLayout = (Page: FunctionComponent) => (): ReactElement => {
-  const dispatch = useDispatch()
-  const router = useRouter()
-  const [loadingLogin, setLoadingLogin] = useState(true)
-  const [loadingTime, setLoadingTime] = useState(true)
-  const currentUser = useSelector((state: RootState) => state?.accounts?.data)
+	const dispatch = useDispatch();
+	const router = useRouter();
+	const [loadingLogin, setLoadingLogin] = useState(true);
+	const [loadingTime, setLoadingTime] = useState(true);
+	const currentUser = useSelector(
+		(state: RootState) => state?.accounts?.data,
+	);
 
-  useEffect(() => {
-    const loginWithToken = async () => {
-      setLoadingLogin(true)
-      try {
-        await dispatch(actions.auth.loginWithToken())
-      } catch (err) {
-        // Login token expired or invalid
-        router.push("/login")
-      }
-      setLoadingLogin(false)
-    }
-    loginWithToken()
-  }, [])
+	useEffect(() => {
+		const loginWithToken = async () => {
+			setLoadingLogin(true);
+			try {
+				await dispatch(actions.auth.loginWithToken());
+			} catch (err) {
+				// Login token expired or invalid
+				router.push('/login');
+			}
+			setLoadingLogin(false);
+		};
+		loginWithToken();
+	}, []);
 
-  useEffect(() => {
-    const getData = async () => {
-      setLoadingTime(true)
-      try {
-        dispatch(actions.settings.getCloseTime())
-        dispatch(actions.settings.getConfirmTime())
-      } catch (err) {
-        console.error(err)
-      }
-      setLoadingTime(false)
-    }
-    if (currentUser?._id != null) {
-      getData()
-    }
-  }, [currentUser])
+	useEffect(() => {
+		const getData = async () => {
+			setLoadingTime(true);
+			try {
+				dispatch(actions.settings.getCloseTime());
+				dispatch(actions.settings.getConfirmTime());
+			} catch (err) {
+				console.error(err);
+			}
+			setLoadingTime(false);
+		};
+		if (currentUser?._id != null) {
+			getData();
+		}
+	}, [currentUser]);
 
-  if (loadingLogin || loadingTime || currentUser == null) {
-    return (
-      <>
-        <WaveBackground />
-        <div>
-          <WaveHeader variant="light" />
-          <div className={styles.dialog}>
-            <Collapse in={loadingLogin}>
-              <CircularProgress className={styles.spinner} />
-            </Collapse>
-          </div>
-        </div>
-      </>
-    )
-  }
+	if (loadingLogin || loadingTime || currentUser == null) {
+		return (
+			<>
+				<WaveBackground />
+				<div>
+					<WaveHeader variant="light" />
+					<div className={styles.dialog}>
+						<Collapse in={loadingLogin}>
+							<CircularProgress className={styles.spinner} />
+						</Collapse>
+					</div>
+				</div>
+			</>
+		);
+	}
 
-  return <Page />
-}
+	return <Page />;
+};
 
-export default AuthenticatedLayout
+export default AuthenticatedLayout;
diff --git a/src/layouts/DialogLayout.tsx b/src/layouts/DialogLayout.tsx
index 86256c3..ded8a59 100644
--- a/src/layouts/DialogLayout.tsx
+++ b/src/layouts/DialogLayout.tsx
@@ -1,17 +1,17 @@
-import { FunctionComponent, ReactElement } from "react"
-import styles from "./index.module.scss"
+import { FunctionComponent, ReactElement } from 'react';
+import styles from './index.module.scss';
 
 /**
  * A basic centered layout containing a dialog centered to the middle of the page
  */
 const DialogLayout = (Page: FunctionComponent) => (): ReactElement => {
-  return (
-    <>
-      <div className={styles.dialog}>
-        <Page />
-      </div>
-    </>
-  )
-}
+	return (
+		<>
+			<div className={styles.dialog}>
+				<Page />
+			</div>
+		</>
+	);
+};
 
-export default DialogLayout
+export default DialogLayout;
diff --git a/src/layouts/index.module.scss b/src/layouts/index.module.scss
index 228847b..60b845d 100644
--- a/src/layouts/index.module.scss
+++ b/src/layouts/index.module.scss
@@ -1,14 +1,14 @@
-@import "~/styles/variables.scss";
-@import "~/styles/mixins.scss";
+@import '~/styles/variables.scss';
+@import '~/styles/mixins.scss';
 
 .dialog {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 
 .spinner {
-  margin-bottom: 5em;
+	margin-bottom: 5em;
 }
diff --git a/src/layouts/index.tsx b/src/layouts/index.tsx
index 0d754cf..efb5678 100644
--- a/src/layouts/index.tsx
+++ b/src/layouts/index.tsx
@@ -1,3 +1,3 @@
-export { default as DialogLayout } from "./DialogLayout"
-export { default as AuthenticatedLayout } from "./AuthenticatedLayout"
-export { default as AdminLayout } from "./AdminLayout"
+export { default as DialogLayout } from './DialogLayout';
+export { default as AuthenticatedLayout } from './AuthenticatedLayout';
+export { default as AdminLayout } from './AdminLayout';
diff --git a/src/store/index.ts b/src/store/index.ts
index 8cd09f3..8342f66 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,19 +1,19 @@
-import { createStore, applyMiddleware, compose } from "redux"
-import reducers from "./reducers"
-import api from "./middleware/api"
+import { createStore, applyMiddleware, compose } from 'redux';
+import reducers from './reducers';
+import api from './middleware/api';
 
-const middleware = [api /*logger*/]
+const middleware = [api /*logger*/];
 
 const enhancedCompose =
-  (process.env.NODE_ENV === "development" &&
-    typeof window !== "undefined" &&
-    (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) ||
-  compose
+	(process.env.NODE_ENV === 'development' &&
+		typeof window !== 'undefined' &&
+		(window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) ||
+	compose;
 
-const rootState = {} as any
+const rootState = {} as any;
 
 export default createStore(
-  reducers,
-  rootState,
-  enhancedCompose(applyMiddleware(...middleware))
-)
+	reducers,
+	rootState,
+	enhancedCompose(applyMiddleware(...middleware)),
+);
diff --git a/src/store/middleware/api.ts b/src/store/middleware/api.ts
index 03aa80f..0a0f441 100644
--- a/src/store/middleware/api.ts
+++ b/src/store/middleware/api.ts
@@ -1,86 +1,92 @@
-import axios, { AxiosError } from "axios"
-import { DispatchAction, RemoteDispatchAction } from "types/DispatchAction"
-import { RequestStatus } from "enums/RequestStatus"
-import { Middleware } from "redux"
-import FormData from "form-data"
+import axios, { AxiosError } from 'axios';
+import { DispatchAction, RemoteDispatchAction } from 'types/DispatchAction';
+import { RequestStatus } from 'enums/RequestStatus';
+import { Middleware } from 'redux';
+import FormData from 'form-data';
 
 /**
  * Middleware to send calls to the backend from DispatchActions, as necessary
  */
 const apiMiddleware: Middleware<any, any> =
-  ({ dispatch }) =>
-  (next) =>
-  async (action: DispatchAction): Promise<any> => {
-    const { type, useAPI } = action
-    if (!useAPI) {
-      next(action)
-      return
-    }
+	({ dispatch }) =>
+	(next) =>
+	async (action: DispatchAction): Promise<any> => {
+		const { type, useAPI } = action;
+		if (!useAPI) {
+			next(action);
+			return;
+		}
 
-    const { request } = action as RemoteDispatchAction
+		const { request } = action as RemoteDispatchAction;
 
-    if (!request) {
-      throw new Error("Missing request in dispatch for " + type)
-    }
+		if (!request) {
+			throw new Error('Missing request in dispatch for ' + type);
+		}
 
-    // Start API call. Mark request as pending
-    dispatch({ type, status: RequestStatus.PENDING })
+		// Start API call. Mark request as pending
+		dispatch({ type, status: RequestStatus.PENDING });
 
-    // Initialize request params
-    const { path, method, body } = request
-    const url = `${process.env.BACKEND_URL}${path}`
-    const accessToken = window.localStorage.getItem("accessToken")
+		// Initialize request params
+		const { path, method, body } = request;
+		const url = `${process.env.BACKEND_URL}${path}`;
+		const accessToken = window.localStorage.getItem('accessToken');
 
-    const options = {
-      url,
-      method: method === "FILE" ? "POST" : method,
-      headers: {
-        "x-access-token": accessToken
-      },
-      data: body
-    }
+		const options = {
+			url,
+			method: method === 'FILE' ? 'POST' : method,
+			headers: {
+				'x-access-token': accessToken,
+			},
+			data: body,
+		};
 
-    if (method === "FILE") {
-      // Attach files
-      const formData = new FormData()
-      formData.append("file", body)
+		if (method === 'FILE') {
+			// Attach files
+			const formData = new FormData();
+			formData.append('file', body);
 
-      options.data = formData
-    }
+			options.data = formData;
+		}
 
-    try {
-      // Send request
-      const response = await axios(options)
-      const { data } = response
-      // Mark request status as success with resolved data
-      dispatch({ type, status: RequestStatus.SUCCESS, data })
-      return Promise.resolve({ type, status: RequestStatus.SUCCESS, data })
-    } catch (err: any) {
-      // Mark request status as error
-      if (axios.isAxiosError(err)) {
-        const serverMessage = (err as AxiosError).response?.data?.message
-        const axiosMessage = (err as AxiosError).message
-        const message = serverMessage ?? axiosMessage ?? JSON.stringify(err)
-        const action: DispatchAction = {
-          type,
-          useAPI: false,
-          status: RequestStatus.ERROR,
-          data: message
-        }
-        dispatch(action)
-        return Promise.reject(action)
-      } else {
-        console.error(err)
-        const action: DispatchAction = {
-          type,
-          useAPI: false,
-          status: RequestStatus.ERROR,
-          data: JSON.stringify(err)
-        }
-        dispatch(action)
-        return Promise.reject(action)
-      }
-    }
-  }
+		try {
+			// Send request
+			const response = await axios(options);
+			const { data } = response;
+			// Mark request status as success with resolved data
+			dispatch({ type, status: RequestStatus.SUCCESS, data });
+			return Promise.resolve({
+				type,
+				status: RequestStatus.SUCCESS,
+				data,
+			});
+		} catch (err: any) {
+			// Mark request status as error
+			if (axios.isAxiosError(err)) {
+				const serverMessage = (err as AxiosError).response?.data
+					?.message;
+				const axiosMessage = (err as AxiosError).message;
+				const message =
+					serverMessage ?? axiosMessage ?? JSON.stringify(err);
+				const action: DispatchAction = {
+					type,
+					useAPI: false,
+					status: RequestStatus.ERROR,
+					data: message,
+				};
+				dispatch(action);
+				return Promise.reject(action);
+			} else {
+				console.error(err);
+				const action: DispatchAction = {
+					type,
+					useAPI: false,
+					status: RequestStatus.ERROR,
+					data: JSON.stringify(err),
+				};
+				dispatch(action);
+				return Promise.reject(action);
+			}
+		}
+	};
 
-export default apiMiddleware
+export default apiMiddleware;
diff --git a/src/store/reducers/accounts.ts b/src/store/reducers/accounts.ts
index f713c3e..8ee24b1 100644
--- a/src/store/reducers/accounts.ts
+++ b/src/store/reducers/accounts.ts
@@ -1,54 +1,57 @@
-import { combineReducers } from "redux"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchActionType } from "enums/DispatchActionType"
-import { DispatchAction } from "types/DispatchAction"
-import { setCookie } from "cookies-next"
+import { combineReducers } from 'redux';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { DispatchAction } from 'types/DispatchAction';
+import { setCookie } from 'cookies-next';
 
 const data = (state = {}, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.AUTH_LOGIN:
-    case DispatchActionType.AUTH_REGISTER:
-    case DispatchActionType.AUTH_LOGIN_TOKEN:
-    case DispatchActionType.AUTH_VERIFY:
-      if (action.status == RequestStatus.SUCCESS) {
-        if (action.data.token) {
-          window.localStorage.setItem("accessToken", action.data.token)
-          setCookie("accessToken", action.data.token)
-        }
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.AUTH_LOGIN:
+		case DispatchActionType.AUTH_REGISTER:
+		case DispatchActionType.AUTH_LOGIN_TOKEN:
+		case DispatchActionType.AUTH_VERIFY:
+			if (action.status == RequestStatus.SUCCESS) {
+				if (action.data.token) {
+					window.localStorage.setItem(
+						'accessToken',
+						action.data.token,
+					);
+					setCookie('accessToken', action.data.token);
+				}
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const error = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.AUTH_LOGIN:
-    case DispatchActionType.AUTH_REGISTER:
-    case DispatchActionType.AUTH_LOGIN_TOKEN:
-    case DispatchActionType.AUTH_VERIFY:
-    case DispatchActionType.AUTH_RESET_PASSWORD:
-      if (action.status == RequestStatus.ERROR) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.AUTH_LOGIN:
+		case DispatchActionType.AUTH_REGISTER:
+		case DispatchActionType.AUTH_LOGIN_TOKEN:
+		case DispatchActionType.AUTH_VERIFY:
+		case DispatchActionType.AUTH_RESET_PASSWORD:
+			if (action.status == RequestStatus.ERROR) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const status = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.AUTH_LOGIN:
-    case DispatchActionType.AUTH_REGISTER:
-    case DispatchActionType.AUTH_LOGIN_TOKEN:
-    case DispatchActionType.AUTH_RESET_PASSWORD:
-    case DispatchActionType.AUTH_VERIFY:
-      return action.status
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.AUTH_LOGIN:
+		case DispatchActionType.AUTH_REGISTER:
+		case DispatchActionType.AUTH_LOGIN_TOKEN:
+		case DispatchActionType.AUTH_RESET_PASSWORD:
+		case DispatchActionType.AUTH_VERIFY:
+			return action.status;
+	}
+	return state;
+};
 
 export default combineReducers({
-  data,
-  error,
-  status
-})
+	data,
+	error,
+	status,
+});
diff --git a/src/store/reducers/analytics.ts b/src/store/reducers/analytics.ts
index eda2d70..8d6df2f 100644
--- a/src/store/reducers/analytics.ts
+++ b/src/store/reducers/analytics.ts
@@ -1,38 +1,38 @@
-import { combineReducers } from "redux"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchActionType } from "enums/DispatchActionType"
-import { DispatchAction } from "types/DispatchAction"
+import { combineReducers } from 'redux';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { DispatchAction } from 'types/DispatchAction';
 
 const data = (state = [], action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.ANALYTICS:
-      if (action.status == RequestStatus.SUCCESS) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.ANALYTICS:
+			if (action.status == RequestStatus.SUCCESS) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const error = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.ANALYTICS:
-      if (action.status == RequestStatus.ERROR) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.ANALYTICS:
+			if (action.status == RequestStatus.ERROR) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const status = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.ANALYTICS:
-      return action.status
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.ANALYTICS:
+			return action.status;
+	}
+	return state;
+};
 
 export default combineReducers({
-  data,
-  error,
-  status
-})
+	data,
+	error,
+	status,
+});
diff --git a/src/store/reducers/application.ts b/src/store/reducers/application.ts
index f3f3fff..1e36700 100644
--- a/src/store/reducers/application.ts
+++ b/src/store/reducers/application.ts
@@ -1,239 +1,246 @@
-import { DispatchActionType } from "enums/DispatchActionType"
-import { RequestStatus } from "enums/RequestStatus"
-import { combineReducers } from "redux"
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { RequestStatus } from 'enums/RequestStatus';
+import { combineReducers } from 'redux';
 import {
-  BasicFields,
-  EssayFields,
-  ExperienceFields,
-  LogisticsFields,
-  PortfolioFields,
-  SchoolFields,
-  WorkAuthorizationFields
-} from "types/ApplicationForm"
-import { DispatchAction } from "types/DispatchAction"
+	BasicFields,
+	EssayFields,
+	ExperienceFields,
+	LogisticsFields,
+	PortfolioFields,
+	SchoolFields,
+	WorkAuthorizationFields,
+} from 'types/ApplicationForm';
+import { DispatchAction } from 'types/DispatchAction';
 
 const fetchedProfile = (state = false, action: DispatchAction) => {
-  if (
-    action.type === DispatchActionType.APPLICATION_GET_PROFILE &&
-    action.status == RequestStatus.SUCCESS
-  ) {
-    state = true
-  }
-  return state
-}
+	if (
+		action.type === DispatchActionType.APPLICATION_GET_PROFILE &&
+		action.status == RequestStatus.SUCCESS
+	) {
+		state = true;
+	}
+	return state;
+};
 
 const resume = (state = {}, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.APPLICATION_UPLOAD_RESUME:
-      if (action.status == RequestStatus.SUCCESS) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.APPLICATION_UPLOAD_RESUME:
+			if (action.status == RequestStatus.SUCCESS) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const basic = (state: BasicFields | null = null, action: DispatchAction) => {
-  if (action.type === DispatchActionType.APPLICATION_SAVE_BASIC) {
-    state = action.data
-  } else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
-    if (action?.data) {
-      const { data } = action
-      if (data) {
-        const {
-          displayName,
-          firstName,
-          lastName,
-          gender,
-          genderOther,
-          ethnicity,
-          ethnicityOther,
-          age,
-          middleName
-        } = data as BasicFields
-        state = {
-          displayName,
-          firstName,
-          lastName,
-          gender,
-          genderOther,
-          ethnicity,
-          ethnicityOther,
-          age,
-          middleName
-        }
-      }
-    }
-  }
-  return state
-}
+	if (action.type === DispatchActionType.APPLICATION_SAVE_BASIC) {
+		state = action.data;
+	} else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
+		if (action?.data) {
+			const { data } = action;
+			if (data) {
+				const {
+					displayName,
+					firstName,
+					lastName,
+					gender,
+					genderOther,
+					ethnicity,
+					ethnicityOther,
+					age,
+					middleName,
+				} = data as BasicFields;
+				state = {
+					displayName,
+					firstName,
+					lastName,
+					gender,
+					genderOther,
+					ethnicity,
+					ethnicityOther,
+					age,
+					middleName,
+				};
+			}
+		}
+	}
+	return state;
+};
 
 const essays = (state: EssayFields | null = null, action: DispatchAction) => {
-  if (action.type === DispatchActionType.APPLICATION_SAVE_ESSAY) {
-    state = action.data
-  } else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
-    if (action?.data) {
-      const { data } = action
-      if (data.essays) {
-        state = { essays: data.essays }
-      }
-    }
-  }
-  return state
-}
+	if (action.type === DispatchActionType.APPLICATION_SAVE_ESSAY) {
+		state = action.data;
+	} else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
+		if (action?.data) {
+			const { data } = action;
+			if (data.essays) {
+				state = { essays: data.essays };
+			}
+		}
+	}
+	return state;
+};
 
 const experience = (
-  state: ExperienceFields | null = null,
-  action: DispatchAction
+	state: ExperienceFields | null = null,
+	action: DispatchAction,
 ) => {
-  if (action.type === DispatchActionType.APPLICATION_SAVE_EXPERIENCE) {
-    state = action.data
-  } else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
-    if (action?.data) {
-      const { data } = action
-      if (data) {
-        const { hackathonExperience } = data as ExperienceFields
-        state = {
-          hackathonExperience
-        }
-      }
-    }
-  }
-  return state
-}
+	if (action.type === DispatchActionType.APPLICATION_SAVE_EXPERIENCE) {
+		state = action.data;
+	} else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
+		if (action?.data) {
+			const { data } = action;
+			if (data) {
+				const { hackathonExperience } = data as ExperienceFields;
+				state = {
+					hackathonExperience,
+				};
+			}
+		}
+	}
+	return state;
+};
 
 const logistics = (
-  state: LogisticsFields | null = null,
-  action: DispatchAction
+	state: LogisticsFields | null = null,
+	action: DispatchAction,
 ) => {
-  if (action.type === DispatchActionType.APPLICATION_SAVE_LOGISTICS) {
-    state = action.data
-  } else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
-    if (action?.data) {
-      const { data } = action
-      if (data) {
-        const {
-          dietaryRestrictions,
-          shirtSize,
-          wantsHardware,
-          address,
-          region,
-          phoneNumber,
-          attendingPhysically,
-          notes
-        } = data as LogisticsFields
-        state = {
-          dietaryRestrictions,
-          shirtSize,
-          wantsHardware,
-          address,
-          region,
-          phoneNumber,
-          attendingPhysically,
-          notes
-        }
-      }
-    }
-  }
-  return state
-}
+	if (action.type === DispatchActionType.APPLICATION_SAVE_LOGISTICS) {
+		state = action.data;
+	} else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
+		if (action?.data) {
+			const { data } = action;
+			if (data) {
+				const {
+					dietaryRestrictions,
+					shirtSize,
+					wantsHardware,
+					address,
+					region,
+					phoneNumber,
+					attendingPhysically,
+					notes,
+				} = data as LogisticsFields;
+				state = {
+					dietaryRestrictions,
+					shirtSize,
+					wantsHardware,
+					address,
+					region,
+					phoneNumber,
+					attendingPhysically,
+					notes,
+				};
+			}
+		}
+	}
+	return state;
+};
 
 const portfolio = (
-  state: PortfolioFields | null = null,
-  action: DispatchAction
+	state: PortfolioFields | null = null,
+	action: DispatchAction,
 ) => {
-  if (action.type === DispatchActionType.APPLICATION_SAVE_PORTFOLIO) {
-    state = action.data
-  } else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
-    if (action?.data) {
-      const { data } = action
-      if (data) {
-        const { github, linkedin, resume, design, website } = data
-        state = { github, linkedin, resume, design, website }
-      }
-    }
-  }
-  return state
-}
+	if (action.type === DispatchActionType.APPLICATION_SAVE_PORTFOLIO) {
+		state = action.data;
+	} else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
+		if (action?.data) {
+			const { data } = action;
+			if (data) {
+				const { github, linkedin, resume, design, website } = data;
+				state = { github, linkedin, resume, design, website };
+			}
+		}
+	}
+	return state;
+};
 
 const school = (state: SchoolFields | null = null, action: DispatchAction) => {
-  if (action.type === DispatchActionType.APPLICATION_SAVE_SCHOOL) {
-    state = action.data
-  } else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
-    if (action?.data) {
-      const { data } = action
-      if (data) {
-        const { school, college, graduationYear, major, collegeLevel } = data
-        state = { school, college, graduationYear, major, collegeLevel }
-      }
-    }
-  }
-  return state
-}
+	if (action.type === DispatchActionType.APPLICATION_SAVE_SCHOOL) {
+		state = action.data;
+	} else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
+		if (action?.data) {
+			const { data } = action;
+			if (data) {
+				const { school, college, graduationYear, major, collegeLevel } =
+					data;
+				state = {
+					school,
+					college,
+					graduationYear,
+					major,
+					collegeLevel,
+				};
+			}
+		}
+	}
+	return state;
+};
 
 const workAuth = (
-  state: WorkAuthorizationFields | null = null,
-  action: DispatchAction
+	state: WorkAuthorizationFields | null = null,
+	action: DispatchAction,
 ) => {
-  if (action.type === DispatchActionType.APPLICATION_SAVE_WORK_AUTH) {
-    state = action.data
-  } else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
-    if (action?.data) {
-      const { data } = action
-      if (data) {
-        const { workPermission, workLocation, sponsorRanking } = data
-        state = { workPermission, workLocation, sponsorRanking }
-      }
-    }
-  }
-  return state
-}
+	if (action.type === DispatchActionType.APPLICATION_SAVE_WORK_AUTH) {
+		state = action.data;
+	} else if (action.type === DispatchActionType.APPLICATION_GET_PROFILE) {
+		if (action?.data) {
+			const { data } = action;
+			if (data) {
+				const { workPermission, workLocation, sponsorRanking } = data;
+				state = { workPermission, workLocation, sponsorRanking };
+			}
+		}
+	}
+	return state;
+};
 
 const status = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.APPLICATION_UPLOAD_RESUME:
-    case DispatchActionType.APPLICATION_MISSING_RESUME:
-    case DispatchActionType.APPLICATION_SUBMIT_FORM:
-    case DispatchActionType.APPLICATION_SAVE_BASIC:
-    case DispatchActionType.APPLICATION_SAVE_ESSAY:
-    case DispatchActionType.APPLICATION_SAVE_EXPERIENCE:
-    case DispatchActionType.APPLICATION_SAVE_LOGISTICS:
-    case DispatchActionType.APPLICATION_SAVE_PORTFOLIO:
-    case DispatchActionType.APPLICATION_SAVE_SCHOOL:
-    case DispatchActionType.APPLICATION_SAVE_WORK_AUTH:
-      return action.status
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.APPLICATION_UPLOAD_RESUME:
+		case DispatchActionType.APPLICATION_MISSING_RESUME:
+		case DispatchActionType.APPLICATION_SUBMIT_FORM:
+		case DispatchActionType.APPLICATION_SAVE_BASIC:
+		case DispatchActionType.APPLICATION_SAVE_ESSAY:
+		case DispatchActionType.APPLICATION_SAVE_EXPERIENCE:
+		case DispatchActionType.APPLICATION_SAVE_LOGISTICS:
+		case DispatchActionType.APPLICATION_SAVE_PORTFOLIO:
+		case DispatchActionType.APPLICATION_SAVE_SCHOOL:
+		case DispatchActionType.APPLICATION_SAVE_WORK_AUTH:
+			return action.status;
+	}
+	return state;
+};
 
 const error = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.APPLICATION_UPLOAD_RESUME:
-    case DispatchActionType.APPLICATION_MISSING_RESUME:
-    case DispatchActionType.APPLICATION_SUBMIT_FORM:
-    case DispatchActionType.APPLICATION_SAVE_BASIC:
-    case DispatchActionType.APPLICATION_SAVE_ESSAY:
-    case DispatchActionType.APPLICATION_SAVE_EXPERIENCE:
-    case DispatchActionType.APPLICATION_SAVE_LOGISTICS:
-    case DispatchActionType.APPLICATION_SAVE_PORTFOLIO:
-    case DispatchActionType.APPLICATION_SAVE_SCHOOL:
-    case DispatchActionType.APPLICATION_SAVE_WORK_AUTH:
-      if (action.status == RequestStatus.ERROR) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.APPLICATION_UPLOAD_RESUME:
+		case DispatchActionType.APPLICATION_MISSING_RESUME:
+		case DispatchActionType.APPLICATION_SUBMIT_FORM:
+		case DispatchActionType.APPLICATION_SAVE_BASIC:
+		case DispatchActionType.APPLICATION_SAVE_ESSAY:
+		case DispatchActionType.APPLICATION_SAVE_EXPERIENCE:
+		case DispatchActionType.APPLICATION_SAVE_LOGISTICS:
+		case DispatchActionType.APPLICATION_SAVE_PORTFOLIO:
+		case DispatchActionType.APPLICATION_SAVE_SCHOOL:
+		case DispatchActionType.APPLICATION_SAVE_WORK_AUTH:
+			if (action.status == RequestStatus.ERROR) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 export default combineReducers({
-  fetchedProfile,
-  resume,
-  error,
-  status,
-  basic,
-  essays,
-  experience,
-  logistics,
-  portfolio,
-  school,
-  workAuth
-})
+	fetchedProfile,
+	resume,
+	error,
+	status,
+	basic,
+	essays,
+	experience,
+	logistics,
+	portfolio,
+	school,
+	workAuth,
+});
diff --git a/src/store/reducers/index.ts b/src/store/reducers/index.ts
index 9a6fc06..e0b1b1b 100644
--- a/src/store/reducers/index.ts
+++ b/src/store/reducers/index.ts
@@ -1,20 +1,20 @@
-import { combineReducers } from "redux"
-import accounts from "./accounts"
-import teams from "./teams"
-import sponsors from "./sponsors"
-import application from "./application"
-import user from "./user"
-import settings from "./settings"
-import requests from "./requests"
-import analytics from "./analytics"
+import { combineReducers } from 'redux';
+import accounts from './accounts';
+import teams from './teams';
+import sponsors from './sponsors';
+import application from './application';
+import user from './user';
+import settings from './settings';
+import requests from './requests';
+import analytics from './analytics';
 
 export default combineReducers({
-  accounts,
-  teams,
-  sponsors,
-  application,
-  user,
-  settings,
-  requests,
-  analytics
-})
+	accounts,
+	teams,
+	sponsors,
+	application,
+	user,
+	settings,
+	requests,
+	analytics,
+});
diff --git a/src/store/reducers/recruiters.ts b/src/store/reducers/recruiters.ts
index f116009..88c9f96 100644
--- a/src/store/reducers/recruiters.ts
+++ b/src/store/reducers/recruiters.ts
@@ -1,38 +1,38 @@
-import { combineReducers } from "redux"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchActionType } from "enums/DispatchActionType"
-import { DispatchAction } from "types/DispatchAction"
+import { combineReducers } from 'redux';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { DispatchAction } from 'types/DispatchAction';
 
 const data = (state = [], action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.RECRUITER_CREATE:
-      if (action.status == RequestStatus.SUCCESS) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.RECRUITER_CREATE:
+			if (action.status == RequestStatus.SUCCESS) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const error = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.RECRUITER_CREATE:
-      if (action.status == RequestStatus.ERROR) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.RECRUITER_CREATE:
+			if (action.status == RequestStatus.ERROR) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const status = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.RECRUITER_CREATE:
-      return action.status
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.RECRUITER_CREATE:
+			return action.status;
+	}
+	return state;
+};
 
 export default combineReducers({
-  data,
-  error,
-  status
-})
+	data,
+	error,
+	status,
+});
diff --git a/src/store/reducers/requests.ts b/src/store/reducers/requests.ts
index 9dd3d9e..e262bbd 100644
--- a/src/store/reducers/requests.ts
+++ b/src/store/reducers/requests.ts
@@ -1,53 +1,53 @@
-import { combineReducers } from "redux"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchActionType } from "enums/DispatchActionType"
-import { DispatchAction } from "types/DispatchAction"
+import { combineReducers } from 'redux';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { DispatchAction } from 'types/DispatchAction';
 
 const data = (state = {}, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.CURRENT_USER_REQUESTS:
-    case DispatchActionType.CURRENT_TEAM_REQUESTS:
-    case DispatchActionType.REQUEST_ACCEPT:
-    case DispatchActionType.REQUEST_DECLINE:
-    case DispatchActionType.REQUEST_CANCEL:
-    case DispatchActionType.REQUEST_OPEN:
-      if (action.status == RequestStatus.SUCCESS) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.CURRENT_USER_REQUESTS:
+		case DispatchActionType.CURRENT_TEAM_REQUESTS:
+		case DispatchActionType.REQUEST_ACCEPT:
+		case DispatchActionType.REQUEST_DECLINE:
+		case DispatchActionType.REQUEST_CANCEL:
+		case DispatchActionType.REQUEST_OPEN:
+			if (action.status == RequestStatus.SUCCESS) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const error = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.CURRENT_USER_REQUESTS:
-    case DispatchActionType.CURRENT_TEAM_REQUESTS:
-    case DispatchActionType.REQUEST_ACCEPT:
-    case DispatchActionType.REQUEST_DECLINE:
-    case DispatchActionType.REQUEST_CANCEL:
-    case DispatchActionType.REQUEST_OPEN:
-      if (action.status == RequestStatus.ERROR) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.CURRENT_USER_REQUESTS:
+		case DispatchActionType.CURRENT_TEAM_REQUESTS:
+		case DispatchActionType.REQUEST_ACCEPT:
+		case DispatchActionType.REQUEST_DECLINE:
+		case DispatchActionType.REQUEST_CANCEL:
+		case DispatchActionType.REQUEST_OPEN:
+			if (action.status == RequestStatus.ERROR) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const status = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.CURRENT_USER_REQUESTS:
-    case DispatchActionType.CURRENT_TEAM_REQUESTS:
-    case DispatchActionType.REQUEST_ACCEPT:
-    case DispatchActionType.REQUEST_DECLINE:
-    case DispatchActionType.REQUEST_CANCEL:
-    case DispatchActionType.REQUEST_OPEN:
-      return action.status
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.CURRENT_USER_REQUESTS:
+		case DispatchActionType.CURRENT_TEAM_REQUESTS:
+		case DispatchActionType.REQUEST_ACCEPT:
+		case DispatchActionType.REQUEST_DECLINE:
+		case DispatchActionType.REQUEST_CANCEL:
+		case DispatchActionType.REQUEST_OPEN:
+			return action.status;
+	}
+	return state;
+};
 
 export default combineReducers({
-  data,
-  error,
-  status
-})
+	data,
+	error,
+	status,
+});
diff --git a/src/store/reducers/settings.ts b/src/store/reducers/settings.ts
index 8cd87e0..effbaeb 100644
--- a/src/store/reducers/settings.ts
+++ b/src/store/reducers/settings.ts
@@ -1,75 +1,75 @@
-import { combineReducers } from "redux"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchActionType } from "enums/DispatchActionType"
-import { DispatchAction } from "types/DispatchAction"
+import { combineReducers } from 'redux';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { DispatchAction } from 'types/DispatchAction';
 
 const openTime = (state = {}, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.SETTINGS_OPEN_TIME:
-      if (action.status == RequestStatus.SUCCESS) {
-        return new Date(action.data)
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.SETTINGS_OPEN_TIME:
+			if (action.status == RequestStatus.SUCCESS) {
+				return new Date(action.data);
+			}
+	}
+	return state;
+};
 
 const closeTime = (state = {}, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.SETTINGS_CLOSE_TIME:
-      if (action.status == RequestStatus.SUCCESS) {
-        return new Date(action.data)
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.SETTINGS_CLOSE_TIME:
+			if (action.status == RequestStatus.SUCCESS) {
+				return new Date(action.data);
+			}
+	}
+	return state;
+};
 
 const confirmTime = (state = {}, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.SETTINGS_CONFIRM_TIME:
-      if (action.status == RequestStatus.SUCCESS) {
-        return new Date(action.data)
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.SETTINGS_CONFIRM_TIME:
+			if (action.status == RequestStatus.SUCCESS) {
+				return new Date(action.data);
+			}
+	}
+	return state;
+};
 
 const waitlistStatus = (state = {}, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.WAITLIST_STATUS:
-      if (action.status == RequestStatus.SUCCESS) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.WAITLIST_STATUS:
+			if (action.status == RequestStatus.SUCCESS) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const error = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.SETTINGS_OPEN_TIME:
-    case DispatchActionType.SETTINGS_CLOSE_TIME:
-    case DispatchActionType.SETTINGS_CONFIRM_TIME:
-      if (action.status == RequestStatus.ERROR) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.SETTINGS_OPEN_TIME:
+		case DispatchActionType.SETTINGS_CLOSE_TIME:
+		case DispatchActionType.SETTINGS_CONFIRM_TIME:
+			if (action.status == RequestStatus.ERROR) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const status = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.SETTINGS_OPEN_TIME:
-    case DispatchActionType.SETTINGS_CLOSE_TIME:
-    case DispatchActionType.SETTINGS_CONFIRM_TIME:
-      return action.status
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.SETTINGS_OPEN_TIME:
+		case DispatchActionType.SETTINGS_CLOSE_TIME:
+		case DispatchActionType.SETTINGS_CONFIRM_TIME:
+			return action.status;
+	}
+	return state;
+};
 
 export default combineReducers({
-  openTime,
-  closeTime,
-  confirmTime,
-  waitlistStatus,
-  error,
-  status
-})
+	openTime,
+	closeTime,
+	confirmTime,
+	waitlistStatus,
+	error,
+	status,
+});
diff --git a/src/store/reducers/sponsors.ts b/src/store/reducers/sponsors.ts
index 48ce9c6..7d547b3 100644
--- a/src/store/reducers/sponsors.ts
+++ b/src/store/reducers/sponsors.ts
@@ -1,38 +1,38 @@
-import { combineReducers } from "redux"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchActionType } from "enums/DispatchActionType"
-import { DispatchAction } from "types/DispatchAction"
+import { combineReducers } from 'redux';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { DispatchAction } from 'types/DispatchAction';
 
 const data = (state = [], action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.SPONSORS_LIST:
-      if (action.status == RequestStatus.SUCCESS) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.SPONSORS_LIST:
+			if (action.status == RequestStatus.SUCCESS) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const error = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.SPONSORS_LIST:
-      if (action.status == RequestStatus.ERROR) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.SPONSORS_LIST:
+			if (action.status == RequestStatus.ERROR) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const status = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.SPONSORS_LIST:
-      return action.status
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.SPONSORS_LIST:
+			return action.status;
+	}
+	return state;
+};
 
 export default combineReducers({
-  data,
-  error,
-  status
-})
+	data,
+	error,
+	status,
+});
diff --git a/src/store/reducers/teams.ts b/src/store/reducers/teams.ts
index 378d49b..54f8419 100644
--- a/src/store/reducers/teams.ts
+++ b/src/store/reducers/teams.ts
@@ -1,56 +1,56 @@
-import { combineReducers } from "redux"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchActionType } from "enums/DispatchActionType"
-import { DispatchAction } from "types/DispatchAction"
+import { combineReducers } from 'redux';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { DispatchAction } from 'types/DispatchAction';
 
 const data = (state = {}, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.TEAMS_VIEW:
-    case DispatchActionType.TEAM_CREATE:
-    case DispatchActionType.TEAM_INFO:
-    case DispatchActionType.TEAM_INVITE_BY_EMAIL:
-    case DispatchActionType.TEAM_JOIN:
-    case DispatchActionType.TEAM_LEAVE:
-    case DispatchActionType.TEAM_EDIT:
-      if (action.status == RequestStatus.SUCCESS) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.TEAMS_VIEW:
+		case DispatchActionType.TEAM_CREATE:
+		case DispatchActionType.TEAM_INFO:
+		case DispatchActionType.TEAM_INVITE_BY_EMAIL:
+		case DispatchActionType.TEAM_JOIN:
+		case DispatchActionType.TEAM_LEAVE:
+		case DispatchActionType.TEAM_EDIT:
+			if (action.status == RequestStatus.SUCCESS) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const error = (state = {}, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.TEAMS_VIEW:
-    case DispatchActionType.TEAM_CREATE:
-    case DispatchActionType.TEAM_INFO:
-    case DispatchActionType.TEAM_INVITE_BY_EMAIL:
-    case DispatchActionType.TEAM_JOIN:
-    case DispatchActionType.TEAM_LEAVE:
-    case DispatchActionType.TEAM_EDIT:
-      if (action.status == RequestStatus.ERROR) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.TEAMS_VIEW:
+		case DispatchActionType.TEAM_CREATE:
+		case DispatchActionType.TEAM_INFO:
+		case DispatchActionType.TEAM_INVITE_BY_EMAIL:
+		case DispatchActionType.TEAM_JOIN:
+		case DispatchActionType.TEAM_LEAVE:
+		case DispatchActionType.TEAM_EDIT:
+			if (action.status == RequestStatus.ERROR) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const status = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.TEAMS_VIEW:
-    case DispatchActionType.TEAM_CREATE:
-    case DispatchActionType.TEAM_INFO:
-    case DispatchActionType.TEAM_INVITE_BY_EMAIL:
-    case DispatchActionType.TEAM_JOIN:
-    case DispatchActionType.TEAM_LEAVE:
-    case DispatchActionType.TEAM_EDIT:
-      return action.status
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.TEAMS_VIEW:
+		case DispatchActionType.TEAM_CREATE:
+		case DispatchActionType.TEAM_INFO:
+		case DispatchActionType.TEAM_INVITE_BY_EMAIL:
+		case DispatchActionType.TEAM_JOIN:
+		case DispatchActionType.TEAM_LEAVE:
+		case DispatchActionType.TEAM_EDIT:
+			return action.status;
+	}
+	return state;
+};
 
 export default combineReducers({
-  data,
-  error,
-  status
-})
+	data,
+	error,
+	status,
+});
diff --git a/src/store/reducers/user.ts b/src/store/reducers/user.ts
index 48c4bab..14da6b5 100644
--- a/src/store/reducers/user.ts
+++ b/src/store/reducers/user.ts
@@ -1,41 +1,41 @@
-import { combineReducers } from "redux"
-import { RequestStatus } from "enums/RequestStatus"
-import { DispatchActionType } from "enums/DispatchActionType"
-import { DispatchAction } from "types/DispatchAction"
+import { combineReducers } from 'redux';
+import { RequestStatus } from 'enums/RequestStatus';
+import { DispatchActionType } from 'enums/DispatchActionType';
+import { DispatchAction } from 'types/DispatchAction';
 
 const data = (state: any = {}, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.USER_PROFILE:
-    case DispatchActionType.GET_USERS:
-    case DispatchActionType.GET_PARTICIPANTS:
-      if (action.status === RequestStatus.SUCCESS) {
-        state = action.data
-      }
-      break
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.USER_PROFILE:
+		case DispatchActionType.GET_USERS:
+		case DispatchActionType.GET_PARTICIPANTS:
+			if (action.status === RequestStatus.SUCCESS) {
+				state = action.data;
+			}
+			break;
+	}
+	return state;
+};
 
 const error = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.USER_GET_TEAM:
-      if (action.status == RequestStatus.ERROR) {
-        return action.data
-      }
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.USER_GET_TEAM:
+			if (action.status == RequestStatus.ERROR) {
+				return action.data;
+			}
+	}
+	return state;
+};
 
 const status = (state = null, action: DispatchAction) => {
-  switch (action.type) {
-    case DispatchActionType.USER_GET_TEAM:
-      return action.status
-  }
-  return state
-}
+	switch (action.type) {
+		case DispatchActionType.USER_GET_TEAM:
+			return action.status;
+	}
+	return state;
+};
 
 export default combineReducers({
-  data,
-  error,
-  status
-})
+	data,
+	error,
+	status,
+});
diff --git a/src/themes/theme.ts b/src/themes/theme.ts
index 0e57280..860a238 100644
--- a/src/themes/theme.ts
+++ b/src/themes/theme.ts
@@ -1,19 +1,19 @@
-import { createTheme } from "@mui/material"
+import { createTheme } from '@mui/material';
 
 export const theme = createTheme({
-  palette: {
-    primary: {
-      main: "#000"
-    },
-    secondary: {
-      main: "#000"
-    },
-    text: {
-      primary: "#000",
-      secondary: "#000"
-    }
-  },
-  typography: {
-    fontFamily: "Poppins, Roboto, sans-serif"
-  }
-})
+	palette: {
+		primary: {
+			main: '#000',
+		},
+		secondary: {
+			main: '#000',
+		},
+		text: {
+			primary: '#000',
+			secondary: '#000',
+		},
+	},
+	typography: {
+		fontFamily: 'Poppins, Roboto, sans-serif',
+	},
+});
diff --git a/src/util/auth.tsx b/src/util/auth.tsx
index f166fcc..9712523 100644
--- a/src/util/auth.tsx
+++ b/src/util/auth.tsx
@@ -1,5 +1,5 @@
-import actions from "src/actions"
-import fetchData from "./fetcher"
+import actions from 'src/actions';
+import fetchData from './fetcher';
 
 /**
  * check if a user is authenticated
@@ -7,14 +7,14 @@ import fetchData from "./fetcher"
  * @returns true if the user is authenticated, false otherwiser
  */
 export async function isAuthenticated(accessToken: string): Promise<boolean> {
-  if (accessToken === undefined) {
-    return false
-  }
-  try {
-    await fetchData(actions.auth.loginWithToken(), accessToken)
-    return true
-  } catch (error) {
-    //token invalid or expired
-    return false
-  }
+	if (accessToken === undefined) {
+		return false;
+	}
+	try {
+		await fetchData(actions.auth.loginWithToken(), accessToken);
+		return true;
+	} catch (error) {
+		//token invalid or expired
+		return false;
+	}
 }
diff --git a/src/util/createEmotionCache.ts b/src/util/createEmotionCache.ts
index 542f45b..2f28dd3 100644
--- a/src/util/createEmotionCache.ts
+++ b/src/util/createEmotionCache.ts
@@ -1,21 +1,21 @@
 // From https://github.com/mui/material-ui/blob/94bc99fba75c89372f98da7cfe503e610816d99a/examples/nextjs-with-typescript/src/createEmotionCache.ts
-import createCache from "@emotion/cache"
+import createCache from '@emotion/cache';
 
-const isBrowser = typeof document !== "undefined"
+const isBrowser = typeof document !== 'undefined';
 
 // On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
 // This assures that MUI styles are loaded first.
 // It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
 export default function createEmotionCache() {
-  let insertionPoint
+	let insertionPoint;
 
-  if (isBrowser) {
-    const emotionInsertionPoint = document.querySelector<HTMLMetaElement>(
-      // eslint-disable-next-line @typescript-eslint/quotes
-      'meta[name="emotion-insertion-point"]'
-    )
-    insertionPoint = emotionInsertionPoint ?? undefined
-  }
+	if (isBrowser) {
+		const emotionInsertionPoint = document.querySelector<HTMLMetaElement>(
+			// eslint-disable-next-line @typescript-eslint/quotes
+			'meta[name="emotion-insertion-point"]',
+		);
+		insertionPoint = emotionInsertionPoint ?? undefined;
+	}
 
-  return createCache({ key: "mui-style", insertionPoint })
+	return createCache({ key: 'mui-style', insertionPoint });
 }
diff --git a/src/util/fetcher.tsx b/src/util/fetcher.tsx
index 21e8243..2412bfd 100644
--- a/src/util/fetcher.tsx
+++ b/src/util/fetcher.tsx
@@ -1,5 +1,5 @@
-import axios, { Method } from "axios"
-import { RemoteDispatchAction } from "types/DispatchAction"
+import axios, { Method } from 'axios';
+import { RemoteDispatchAction } from 'types/DispatchAction';
 
 /**
  * send an axios request
@@ -8,15 +8,15 @@ import { RemoteDispatchAction } from "types/DispatchAction"
  * @param accessToken the user's accessToken cookie
  */
 export default function fetchData(
-  action: RemoteDispatchAction,
-  accessToken: string
+	action: RemoteDispatchAction,
+	accessToken: string,
 ): Promise<any> {
-  return axios({
-    method: action.request.method as Method, // method must not be FILE
-    url: `${process.env.BACKEND_URL}${action.request.path}`,
-    headers: {
-      "x-access-token": accessToken
-    },
-    data: action.request.body ?? undefined
-  }).then((res) => res.data)
+	return axios({
+		method: action.request.method as Method, // method must not be FILE
+		url: `${process.env.BACKEND_URL}${action.request.path}`,
+		headers: {
+			'x-access-token': accessToken,
+		},
+		data: action.request.body ?? undefined,
+	}).then((res) => res.data);
 }
diff --git a/src/util/getSchools.ts b/src/util/getSchools.ts
index a704d34..aa57c33 100644
--- a/src/util/getSchools.ts
+++ b/src/util/getSchools.ts
@@ -1,25 +1,25 @@
-import axios from "axios"
-import parse from "csv-parse"
+import axios from 'axios';
+import parse from 'csv-parse';
 
 const parseAsync = (inputStr: string): Promise<string[]> => {
-  return new Promise((resolve, reject) => {
-    parse(
-      inputStr,
-      {},
-      (err: Error | undefined, records: any | undefined): void => {
-        if (err) {
-          reject(err)
-          return
-        }
-        resolve(records)
-      }
-    )
-  })
-}
+	return new Promise((resolve, reject) => {
+		parse(
+			inputStr,
+			{},
+			(err: Error | undefined, records: any | undefined): void => {
+				if (err) {
+					reject(err);
+					return;
+				}
+				resolve(records);
+			},
+		);
+	});
+};
 
 export const getSchools = async (): Promise<string[]> => {
-  const response = await axios.get("/schools.csv")
-  const schoolMatrix: string[] = await parseAsync(response.data)
-  const schools = schoolMatrix.flat()
-  return schools
-}
+	const response = await axios.get('/schools.csv');
+	const schoolMatrix: string[] = await parseAsync(response.data);
+	const schools = schoolMatrix.flat();
+	return schools;
+};
diff --git a/src/util/isValidPhoneNumber.ts b/src/util/isValidPhoneNumber.ts
index 050db27..42d9e0a 100644
--- a/src/util/isValidPhoneNumber.ts
+++ b/src/util/isValidPhoneNumber.ts
@@ -20,9 +20,9 @@
  * @returns true if the phone number is valid and false otherwise
  */
 export default (phoneNumber: string): boolean => {
-  return (
-    phoneNumber.match(
-      /^\s*(?:\+?(\d{1,3}))?[-. (]*(\d{3})[-. )]*(\d{3})[-. ]*(\d{4})(?: *x(\d+))?\s*$/
-    ) != null
-  )
-}
+	return (
+		phoneNumber.match(
+			/^\s*(?:\+?(\d{1,3}))?[-. (]*(\d{3})[-. )]*(\d{3})[-. ]*(\d{4})(?: *x(\d+))?\s*$/,
+		) != null
+	);
+};
diff --git a/src/util/lists.tsx b/src/util/lists.tsx
index 66bc4ab..bb4e385 100644
--- a/src/util/lists.tsx
+++ b/src/util/lists.tsx
@@ -1,62 +1,62 @@
 export const languageList = [
-  "Python",
-  "Java",
-  "JavaScript",
-  "C",
-  "C++",
-  "C#",
-  "PHP",
-  "R",
-  "TypeScript",
-  "Swift",
-  "Objective-C",
-  "Rust",
-  "Go",
-  "Kotlin",
-  "Matlab",
-  "Ada",
-  "Ruby",
-  "Dart",
-  "Powershell",
-  "VBA",
-  "Lua",
-  "Abap",
-  "Scala",
-  "Visual",
-  "Julia",
-  "Groovy",
-  "Perl",
-  "Haskell",
-  "Cobol",
-  "Delphi/Pascal",
-  "OCaml",
-  "Standard ML",
-  "Bash"
-]
+	'Python',
+	'Java',
+	'JavaScript',
+	'C',
+	'C++',
+	'C#',
+	'PHP',
+	'R',
+	'TypeScript',
+	'Swift',
+	'Objective-C',
+	'Rust',
+	'Go',
+	'Kotlin',
+	'Matlab',
+	'Ada',
+	'Ruby',
+	'Dart',
+	'Powershell',
+	'VBA',
+	'Lua',
+	'Abap',
+	'Scala',
+	'Visual',
+	'Julia',
+	'Groovy',
+	'Perl',
+	'Haskell',
+	'Cobol',
+	'Delphi/Pascal',
+	'OCaml',
+	'Standard ML',
+	'Bash',
+];
 
 export const dietaryRestrictionsList = [
-  "Dairy free",
-  "Halal",
-  "Kosher",
-  "No beef",
-  "No eggs",
-  "No gluten",
-  "No nuts",
-  "No pork",
-  "No seafood",
-  "No shellfish",
-  "No soy",
-  "No spicy food",
-  "No wheat",
-  "Vegan",
-  "Vegetarian"
-]
+	'Dairy free',
+	'Halal',
+	'Kosher',
+	'No beef',
+	'No eggs',
+	'No gluten',
+	'No nuts',
+	'No pork',
+	'No seafood',
+	'No shellfish',
+	'No soy',
+	'No spicy food',
+	'No wheat',
+	'Vegan',
+	'Vegetarian',
+];
 
 export const shirtSizeVerbose = [
-  "XS (Extra small)",
-  "S (Small)",
-  "M (Medium)",
-  "L (Large)",
-  "XL (Extra large)",
-  "XXL (Extra extra large)"
-]
+	'XS (Extra small)',
+	'S (Small)',
+	'M (Medium)',
+	'L (Large)',
+	'XL (Extra large)',
+	'XXL (Extra extra large)',
+];
diff --git a/styles/Apply.module.scss b/styles/Apply.module.scss
index f1e8135..c7181e2 100644
--- a/styles/Apply.module.scss
+++ b/styles/Apply.module.scss
@@ -1,14 +1,14 @@
-@import "./variables.scss";
-@import "./mixins.scss";
+@import './variables.scss';
+@import './mixins.scss';
 
 .background {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  padding-top: 10em;
-  box-sizing: border-box;
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	padding-top: 10em;
+	box-sizing: border-box;
 
-  @include down($breakpoint-md) {
-    padding-top: 3em;
-  }
+	@include down($breakpoint-md) {
+		padding-top: 3em;
+	}
 }
diff --git a/styles/Auth.module.scss b/styles/Auth.module.scss
index 4fd7193..9306c25 100644
--- a/styles/Auth.module.scss
+++ b/styles/Auth.module.scss
@@ -1,44 +1,44 @@
-@import "./variables.scss";
-@import "./mixins.scss";
+@import './variables.scss';
+@import './mixins.scss';
 
 .dialog {
-  width: 100%;
-  height: 80%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 250px;
-
-  @include down($breakpoint-sm) {
-    margin-top: 150px;
-  }
-
-  @include height-down($breakpoint-sm) {
-    margin-top: 140px;
-  }
-
-  @include down($breakpoint-xs) {
-    margin-top: 130px;
-  }
+	width: 100%;
+	height: 80%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-top: 250px;
+
+	@include down($breakpoint-sm) {
+		margin-top: 150px;
+	}
+
+	@include height-down($breakpoint-sm) {
+		margin-top: 140px;
+	}
+
+	@include down($breakpoint-xs) {
+		margin-top: 130px;
+	}
 }
 
 .scottyIcon {
-  position: relative;
-  width: 40%;
-  bottom: 0;
+	position: relative;
+	width: 40%;
+	bottom: 0;
 
-  @include down($breakpoint-md) {
-    width: 60%;
-  }
+	@include down($breakpoint-md) {
+		width: 60%;
+	}
 
-  @include down($breakpoint-sm) {
-    width: 100%;
-  }
+	@include down($breakpoint-sm) {
+		width: 100%;
+	}
 }
 
 // prevents overflow on forgot password dialog
 div#__next,
 div#__next > div {
-  height: fit-content;
-  width: 100%;
+	height: fit-content;
+	width: 100%;
 }
diff --git a/styles/Confirmation.module.scss b/styles/Confirmation.module.scss
index e81d48e..082881a 100644
--- a/styles/Confirmation.module.scss
+++ b/styles/Confirmation.module.scss
@@ -1,10 +1,10 @@
-@import "./variables.scss";
-@import "./mixins.scss";
+@import './variables.scss';
+@import './mixins.scss';
 
 .dialog {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
diff --git a/styles/CreateTeam.module.scss b/styles/CreateTeam.module.scss
index e67e001..4e654bb 100644
--- a/styles/CreateTeam.module.scss
+++ b/styles/CreateTeam.module.scss
@@ -1,70 +1,70 @@
-@import "./variables.scss";
-@import "./mixins.scss";
+@import './variables.scss';
+@import './mixins.scss';
 
 .title {
-  @include font-size($h1-font-sizes);
-  padding-top: 30px;
-  background-color: $gradient-color-start;
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
+	@include font-size($h1-font-sizes);
+	padding-top: 30px;
+	background-color: $gradient-color-start;
+	background-clip: text;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
 }
 
 .content {
-  align-items: left;
+	align-items: left;
 }
 
 .content form {
-  display: flex;
-  flex-direction: column;
-  gap: 1em;
+	display: flex;
+	flex-direction: column;
+	gap: 1em;
 }
 
 .annotation {
-  padding-top: 30px;
-  color: $gradient-color-start;
-  display: block;
-  word-wrap: break-word;
-  width: 80%;
+	padding-top: 30px;
+	color: $gradient-color-start;
+	display: block;
+	word-wrap: break-word;
+	width: 80%;
 
-  @include down($breakpoint-sm) {
-    width: 100%;
-  }
+	@include down($breakpoint-sm) {
+		width: 100%;
+	}
 
-  @include font-size($body-font-sizes);
+	@include font-size($body-font-sizes);
 }
 
 .membersList {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
+	list-style-type: none;
+	padding: 0;
+	margin: 0;
 }
 
 .createButton {
-  margin-top: 2em !important;
-  padding: 1em 3em !important;
-  font-size: large !important;
+	margin-top: 2em !important;
+	padding: 1em 3em !important;
+	font-size: large !important;
 
-  @include down($breakpoint-lg) {
-    padding: 0.5em 1em !important;
-    font-size: medium !important;
-  }
+	@include down($breakpoint-lg) {
+		padding: 0.5em 1em !important;
+		font-size: medium !important;
+	}
 }
 
 .textField {
-  background-color: $text-color-contrast;
-  border-radius: 10px;
-  box-shadow: $dialog-container-box-shadow;
+	background-color: $text-color-contrast;
+	border-radius: 10px;
+	box-shadow: $dialog-container-box-shadow;
 }
 
 .textFieldInput {
-  border: none;
-  color: $gradient-color-start;
+	border: none;
+	color: $gradient-color-start;
 }
 
 .backButton {
-  margin-top: 20px;
-  align-self: flex-start;
+	margin-top: 20px;
+	align-self: flex-start;
 
-  @include font-size($body-font-sizes);
+	@include font-size($body-font-sizes);
 }
diff --git a/styles/DashboardDialog.module.scss b/styles/DashboardDialog.module.scss
index 5f5f76c..e7d82ba 100644
--- a/styles/DashboardDialog.module.scss
+++ b/styles/DashboardDialog.module.scss
@@ -1,113 +1,113 @@
-@import "./variables.scss";
-@import "./mixins.scss";
+@import './variables.scss';
+@import './mixins.scss';
 
 .dialog {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 50%;
-  border-radius: 25px;
-  padding: 2em;
-  margin: 0 auto;
-  flex-direction: column;
-  background-image: $dialog-container-gradient;
-  box-shadow: $dialog-container-box-shadow;
-  backdrop-filter: blur(4px);
-
-  @include down($breakpoint-md) {
-    width: 80%;
-  }
-
-  @include down($breakpoint-sm) {
-    width: 90%;
-  }
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 50%;
+	border-radius: 25px;
+	padding: 2em;
+	margin: 0 auto;
+	flex-direction: column;
+	background-image: $dialog-container-gradient;
+	box-shadow: $dialog-container-box-shadow;
+	backdrop-filter: blur(4px);
+
+	@include down($breakpoint-md) {
+		width: 80%;
+	}
+
+	@include down($breakpoint-sm) {
+		width: 90%;
+	}
 }
 
 .dialogContent {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
 }
 
 .link {
-  text-decoration: none;
+	text-decoration: none;
 }
 
 .link:hover {
-  text-decoration: none;
+	text-decoration: none;
 }
 
 .statusHeaderText {
-  margin-bottom: 0.5em !important;
-  color: $text-color-primary;
+	margin-bottom: 0.5em !important;
+	color: $text-color-primary;
 }
 
 .dialogText {
-  margin-bottom: 1em;
-  color: $text-color-primary;
-  width: 100%;
-  text-align: center;
+	margin-bottom: 1em;
+	color: $text-color-primary;
+	width: 100%;
+	text-align: center;
 }
 
 .bodyText {
-  color: $text-color-primary;
+	color: $text-color-primary;
 }
 
 .statusText {
-  margin-bottom: 1em !important;
-  color: $text-color-primary;
-  font-weight: 600 !important;
+	margin-bottom: 1em !important;
+	color: $text-color-primary;
+	font-weight: 600 !important;
 }
 
 .buttonBox {
-  display: flex;
-  flex-direction: row;
+	display: flex;
+	flex-direction: row;
 
-  @include down($breakpoint-sm) {
-    flex-direction: column;
-    gap: 0.5em;
-    align-items: center;
-  }
+	@include down($breakpoint-sm) {
+		flex-direction: column;
+		gap: 0.5em;
+		align-items: center;
+	}
 }
 
 .buttonSpacer {
-  width: 10px;
+	width: 10px;
 }
 
 .deadline {
-  font-weight: bold;
-  @include font-size($button-font-sizes);
+	font-weight: bold;
+	@include font-size($button-font-sizes);
 }
 
 .appStoreLinks {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  margin-top: 1em;
-  gap: 0.5em;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	margin-top: 1em;
+	gap: 0.5em;
 }
 
 .dialogHeader {
-  color: $gradient-color-start;
+	color: $gradient-color-start;
 }
 
 .dashboardLink {
-  color: $text-color-alt;
+	color: $text-color-alt;
 }
 
 .dashboardButton {
-  padding: 1em 3em !important;
-  font-size: large !important;
+	padding: 1em 3em !important;
+	font-size: large !important;
 
-  @include down($breakpoint-lg) {
-    padding: 0.5em 1em !important;
-    font-size: medium !important;
-  }
+	@include down($breakpoint-lg) {
+		padding: 0.5em 1em !important;
+		font-size: medium !important;
+	}
 }
 
 .confirmButtons {
-  display: flex;
-  flex-direction: row;
-  gap: 1em;
+	display: flex;
+	flex-direction: row;
+	gap: 1em;
 }
diff --git a/styles/Home.module.scss b/styles/Home.module.scss
index f28841f..db52d4f 100644
--- a/styles/Home.module.scss
+++ b/styles/Home.module.scss
@@ -1,7 +1,7 @@
 .dialog {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
diff --git a/styles/Verify.module.scss b/styles/Verify.module.scss
index 7c46898..12d1d9c 100644
--- a/styles/Verify.module.scss
+++ b/styles/Verify.module.scss
@@ -1,70 +1,70 @@
-@import "./variables.scss";
-@import "./mixins.scss";
+@import './variables.scss';
+@import './mixins.scss';
 
 .failure {
-  border: solid 3px $color-error;
+	border: solid 3px $color-error;
 }
 
 .success {
-  border: solid 3px $color-success;
+	border: solid 3px $color-success;
 }
 
 .loading {
-  border: solid 3px $color-loading;
+	border: solid 3px $color-loading;
 }
 
 .dialog {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 5;
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	z-index: 5;
 }
 
 .dialogContent {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 2em;
-  box-sizing: border-box;
-  background-image: $dialog-container-gradient;
-  box-shadow: $dialog-container-box-shadow;
-  backdrop-filter: blur(4px);
-  border-radius: 10px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: 2em;
+	box-sizing: border-box;
+	background-image: $dialog-container-gradient;
+	box-shadow: $dialog-container-box-shadow;
+	backdrop-filter: blur(4px);
+	border-radius: 10px;
 
-  margin-top: 250px;
+	margin-top: 250px;
 
-  @include down($breakpoint-sm) {
-    margin-top: 150px;
-  }
+	@include down($breakpoint-sm) {
+		margin-top: 150px;
+	}
 
-  @include height-down($breakpoint-sm) {
-    margin-top: 140px;
-  }
+	@include height-down($breakpoint-sm) {
+		margin-top: 140px;
+	}
 
-  @include down($breakpoint-xs) {
-    margin-top: 130px;
-  }
+	@include down($breakpoint-xs) {
+		margin-top: 130px;
+	}
 }
 
 .dialogText {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
 }
 
 .spinner {
-  margin-bottom: 5em;
+	margin-bottom: 5em;
 }
 
 .backButton {
-  margin-top: 1em !important;
-  padding: 1em 3em !important;
-  font-size: large !important;
+	margin-top: 1em !important;
+	padding: 1em 3em !important;
+	font-size: large !important;
 
-  @include down($breakpoint-lg) {
-    padding: 0.5em 1em !important;
-    font-size: medium !important;
-  }
+	@include down($breakpoint-lg) {
+		padding: 0.5em 1em !important;
+		font-size: medium !important;
+	}
 }
diff --git a/styles/ViewTeam.module.scss b/styles/ViewTeam.module.scss
index 9acb5e8..ef529e5 100644
--- a/styles/ViewTeam.module.scss
+++ b/styles/ViewTeam.module.scss
@@ -1,146 +1,146 @@
-@import "./variables.scss";
-@import "./mixins.scss";
+@import './variables.scss';
+@import './mixins.scss';
 
 .title {
-  padding-top: 30px;
-  font-weight: 600;
-  color: $gradient-color-start;
-  font-size: 2em !important;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  @include down($breakpoint-sm) {
-    font-size: 1.5em !important;
-  }
+	padding-top: 30px;
+	font-weight: 600;
+	color: $gradient-color-start;
+	font-size: 2em !important;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+	@include down($breakpoint-sm) {
+		font-size: 1.5em !important;
+	}
 }
 .shortenedSubtitle {
-  width: 100%;
-  padding-top: 30px;
-  font-weight: 400;
-  color: $gradient-color-start;
-  font-size: 20px;
-  display: block;
-  word-wrap: break-word;
-  @include down($breakpoint-sm) {
-    width: 100%;
-  }
-  @include down($breakpoint-md) {
-    width: 80%;
-  }
+	width: 100%;
+	padding-top: 30px;
+	font-weight: 400;
+	color: $gradient-color-start;
+	font-size: 20px;
+	display: block;
+	word-wrap: break-word;
+	@include down($breakpoint-sm) {
+		width: 100%;
+	}
+	@include down($breakpoint-md) {
+		width: 80%;
+	}
 }
 .content {
-  align-items: left;
+	align-items: left;
 }
 .subtitle {
-  padding-top: 30px;
-  font-weight: 400;
-  color: $gradient-color-start;
-  font-size: 20px;
-  display: block;
-  word-wrap: break-word;
-  width: 100%;
+	padding-top: 30px;
+	font-weight: 400;
+	color: $gradient-color-start;
+	font-size: 20px;
+	display: block;
+	word-wrap: break-word;
+	width: 100%;
 }
 .memberList {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
+	list-style-type: none;
+	padding: 0;
+	margin: 0;
 }
 .leaveButton {
-  width: 45%;
-  font-size: 30px;
-  font-weight: 600;
-  text-transform: uppercase;
-  margin-top: 50px;
-  border-radius: 10px;
-  background: $color-primary;
-  color: $text-color-contrast;
-  @include down($breakpoint-md) {
-    fontsize: 25px;
-    width: 60%;
-  }
-  @include down($breakpoint-sm) {
-    fontsize: 16px;
-    width: 75%;
-  }
+	width: 45%;
+	font-size: 30px;
+	font-weight: 600;
+	text-transform: uppercase;
+	margin-top: 50px;
+	border-radius: 10px;
+	background: $color-primary;
+	color: $text-color-contrast;
+	@include down($breakpoint-md) {
+		fontsize: 25px;
+		width: 60%;
+	}
+	@include down($breakpoint-sm) {
+		fontsize: 16px;
+		width: 75%;
+	}
 }
 .editButton {
-  width: 100%;
+	width: 100%;
 
-  font-size: 30px;
-  font-weight: 600;
-  text-transform: uppercase;
-  margin-top: 50px;
-  padding-left: 25px;
-  padding-right: 25px;
-  border-radius: 10px;
-  background: $color-primary;
-  color: $text-color-contrast;
-  @include down($breakpoint-md) {
-    font-size: 25px;
-    padding-right: 50px;
-    padding-left: 50px;
-  }
-  @include down($breakpoint-sm) {
-    font-size: 16px;
-    padding-right: 25px;
-    padding-left: 25px;
-  }
+	font-size: 30px;
+	font-weight: 600;
+	text-transform: uppercase;
+	margin-top: 50px;
+	padding-left: 25px;
+	padding-right: 25px;
+	border-radius: 10px;
+	background: $color-primary;
+	color: $text-color-contrast;
+	@include down($breakpoint-md) {
+		font-size: 25px;
+		padding-right: 50px;
+		padding-left: 50px;
+	}
+	@include down($breakpoint-sm) {
+		font-size: 16px;
+		padding-right: 25px;
+		padding-left: 25px;
+	}
 }
 .buttonForm {
-  width: 100%;
-  display: inline-flex;
-  justify-content: center;
+	width: 100%;
+	display: inline-flex;
+	justify-content: center;
 }
 .editableText {
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
+	display: flex;
+	justify-content: space-between;
+	flex-wrap: wrap;
 }
 .longText {
-  width: 70%;
-  @include down($breakpoint-md) {
-    width: 100%;
-  }
-  @include down($breakpoint-sm) {
-    width: 80%;
-  }
+	width: 70%;
+	@include down($breakpoint-md) {
+		width: 100%;
+	}
+	@include down($breakpoint-sm) {
+		width: 80%;
+	}
 }
 .editButtonForm {
-  display: flex;
-  align-items: center;
+	display: flex;
+	align-items: center;
 }
 .textField {
-  background-color: white;
-  border-radius: 10px;
-  box-shadow: 0px 4px 4px rgba(219, 121, 52, 0.5);
+	background-color: white;
+	border-radius: 10px;
+	box-shadow: 0px 4px 4px rgba(219, 121, 52, 0.5);
 }
 .textFieldInput {
-  border: none;
-  color: $gradient-color-start;
+	border: none;
+	color: $gradient-color-start;
 }
 .dialogHeader {
-  color: $gradient-color-start;
+	color: $gradient-color-start;
 }
 .backButton {
-  margin-top: 20px;
-  align-self: flex-start;
-  font-size: 24px;
-  @include down($breakpoint-md) {
-    font-size: 20px;
-  }
-  @include down($breakpoint-sm) {
-    font-size: 16px;
-  }
+	margin-top: 20px;
+	align-self: flex-start;
+	font-size: 24px;
+	@include down($breakpoint-md) {
+		font-size: 20px;
+	}
+	@include down($breakpoint-sm) {
+		font-size: 16px;
+	}
 }
 .spinnerContainer {
-  margin-top: 1em;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+	margin-top: 1em;
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 
 .buttonContainer {
-  display: flex;
-  justify-content: space-between;
+	display: flex;
+	justify-content: space-between;
 }
diff --git a/styles/ViewTeams.module.scss b/styles/ViewTeams.module.scss
index f2938b5..5f6bc86 100644
--- a/styles/ViewTeams.module.scss
+++ b/styles/ViewTeams.module.scss
@@ -1,74 +1,74 @@
-@import "./variables.scss";
-@import "./mixins.scss";
+@import './variables.scss';
+@import './mixins.scss';
 
 .newTeamButton {
-  padding: 1em 5em !important;
-  font-size: large !important;
+	padding: 1em 5em !important;
+	font-size: large !important;
 
-  @include down($breakpoint-lg) {
-    padding: 0.5em 1em !important;
-    font-size: medium !important;
-  }
+	@include down($breakpoint-lg) {
+		padding: 0.5em 1em !important;
+		font-size: medium !important;
+	}
 }
 .tableHeader {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  padding-top: 35px;
+	width: 100%;
+	display: flex;
+	justify-content: space-between;
+	padding-top: 35px;
 }
 .tableBody {
-  display: grid;
+	display: grid;
 }
 .tableData {
-  table-layout: fixed;
-  width: 100%;
-  text-align: left;
-  border-collapse: separate;
-  border-spacing: 0 33px;
+	table-layout: fixed;
+	width: 100%;
+	text-align: left;
+	border-collapse: separate;
+	border-spacing: 0 33px;
 }
 .tableEntry {
-  display: block;
-  width: 100%;
+	display: block;
+	width: 100%;
 }
 .tableHeaderText {
-  font-weight: 400;
-  background-color: $gradient-color-start;
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  font-size: 28px;
-  @include down($breakpoint-sm) {
-    font-size: 20px;
-  }
+	font-weight: 400;
+	background-color: $gradient-color-start;
+	background-clip: text;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	font-size: 28px;
+	@include down($breakpoint-sm) {
+		font-size: 20px;
+	}
 }
 .link {
-  background: none;
-  border: none;
-  text-decoration: underline;
-  cursor: pointer;
+	background: none;
+	border: none;
+	text-decoration: underline;
+	cursor: pointer;
 }
 .buttonForm {
-  width: fit-content;
-  margin: 0 auto;
-  display: inline-flex;
-  justify-content: center;
+	width: fit-content;
+	margin: 0 auto;
+	display: inline-flex;
+	justify-content: center;
 }
 .statusMessageContainer {
-  display: flex;
-  justify-content: center;
+	display: flex;
+	justify-content: center;
 }
 .spinnerContainer {
-  display: flex;
-  justify-content: center;
+	display: flex;
+	justify-content: center;
 }
 .noTeamsText {
-  font-weight: 600;
-  color: $color-primary;
-  font-size: 25px;
-  text-align: center;
-  @include down($breakpoint-sm) {
-    font-size: 20px;
-    width: 80%;
-    padding-bottom: 20px;
-  }
+	font-weight: 600;
+	color: $color-primary;
+	font-size: 25px;
+	text-align: center;
+	@include down($breakpoint-sm) {
+		font-size: 20px;
+		width: 80%;
+		padding-bottom: 20px;
+	}
 }
diff --git a/styles/globals.scss b/styles/globals.scss
index c822125..84c38ec 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -1,39 +1,39 @@
-@import "./variables.scss";
-@import "./mixins.scss";
+@import './variables.scss';
+@import './mixins.scss';
 
 // Fonts
-@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
 
 html,
 body {
-  height: 100%;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-  font-family: "Poppins", "Roboto", sans-serif;
-  color: $text-color-primary;
-  overflow-x: hidden;
-  @include font-size($body-font-sizes);
+	height: 100%;
+	width: 100%;
+	padding: 0;
+	margin: 0;
+	font-family: 'Poppins', 'Roboto', sans-serif;
+	color: $text-color-primary;
+	overflow-x: hidden;
+	@include font-size($body-font-sizes);
 }
 
 body {
-  background-color: $body-background-color;
+	background-color: $body-background-color;
 }
 
 div#__next,
 div#__next > div {
-  height: 100%;
-  width: 100%;
+	height: 100%;
+	width: 100%;
 }
 
 * {
-  box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 img {
-  image-rendering: -moz-crisp-edges; /* Firefox */
-  image-rendering: -o-crisp-edges; /* Opera */
-  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
-  image-rendering: crisp-edges;
-  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
+	image-rendering: -moz-crisp-edges; /* Firefox */
+	image-rendering: -o-crisp-edges; /* Opera */
+	image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
+	image-rendering: crisp-edges;
+	-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
 }
diff --git a/styles/mixins.scss b/styles/mixins.scss
index ca3741d..54e875d 100644
--- a/styles/mixins.scss
+++ b/styles/mixins.scss
@@ -1,4 +1,4 @@
-@use "sass:map";
+@use 'sass:map';
 
 /* Breakpoint mixins */
 $breakpoint-xs: 320px;
@@ -7,67 +7,67 @@ $breakpoint-md: 769px;
 $breakpoint-lg: 1200px;
 
 $breakpoints: (
-  xs: $breakpoint-xs,
-  sm: $breakpoint-sm,
-  md: $breakpoint-md,
-  lg: $breakpoint-lg
+	xs: $breakpoint-xs,
+	sm: $breakpoint-sm,
+	md: $breakpoint-md,
+	lg: $breakpoint-lg,
 );
 
 @mixin up($screen) {
-  @media (min-width: $screen) {
-    @content;
-  }
+	@media (min-width: $screen) {
+		@content;
+	}
 }
 
 @mixin down($screen) {
-  @media (max-width: $screen) {
-    @content;
-  }
+	@media (max-width: $screen) {
+		@content;
+	}
 }
 
 @mixin between($min-width, $max-width) {
-  @media (min-width: $min-width) and (max-width: $max-width) {
-    @content;
-  }
+	@media (min-width: $min-width) and (max-width: $max-width) {
+		@content;
+	}
 }
 
 @mixin height-down($screen) {
-  @media (max-height: $screen) {
-    @content;
-  }
+	@media (max-height: $screen) {
+		@content;
+	}
 }
 
 @mixin both-down($width, $height) {
-  @media ((max-height: $width) or (max-width: $height)) {
-    @content;
-  }
+	@media ((max-height: $width) or (max-width: $height)) {
+		@content;
+	}
 }
 
 /* Font size mapping mixin */
 @mixin font-size($font-sizes) {
-  @each $breakpoint, $font-size in $font-sizes {
-    @if $breakpoint == "default" {
-      font-size: $font-size;
-    } @else {
-      @include down(map.get($breakpoints, $breakpoint)) {
-        font-size: $font-size;
-      }
-    }
-  }
+	@each $breakpoint, $font-size in $font-sizes {
+		@if $breakpoint == 'default' {
+			font-size: $font-size;
+		} @else {
+			@include down(map.get($breakpoints, $breakpoint)) {
+				font-size: $font-size;
+			}
+		}
+	}
 }
 
 /* Link animation mixin */
 @mixin link($background-color) {
-  display: inline-block;
-  padding-bottom: 2px;
-  background-image: linear-gradient($background-color 0 0);
-  background-position: 0 100%; /*OR bottom left*/
-  background-size: 0% 2px;
-  background-repeat: no-repeat;
-  transition: background-size 0.3s, background-position 0s 0.3s; /*change after the size immediately*/
+	display: inline-block;
+	padding-bottom: 2px;
+	background-image: linear-gradient($background-color 0 0);
+	background-position: 0 100%; /*OR bottom left*/
+	background-size: 0% 2px;
+	background-repeat: no-repeat;
+	transition: background-size 0.3s, background-position 0s 0.3s; /*change after the size immediately*/
 
-  &:hover {
-    background-position: 100% 100%; /*OR bottom right*/
-    background-size: 100% 2px;
-  }
+	&:hover {
+		background-position: 100% 100%; /*OR bottom right*/
+		background-size: 100% 2px;
+	}
 }
diff --git a/styles/variables.scss b/styles/variables.scss
index 8448a84..38f6f3d 100644
--- a/styles/variables.scss
+++ b/styles/variables.scss
@@ -44,15 +44,15 @@ $light-gradient-color-start: #ffffff;
 $light-gradient-color-end: #ffe3e3;
 
 $dialog-container-gradient: linear-gradient(
-  316.54deg,
-  rgba(255, 255, 255, 0.95) 3%,
-  rgba(0, 0, 0, 0.4) 150%
+	316.54deg,
+	rgba(255, 255, 255, 0.95) 3%,
+	rgba(0, 0, 0, 0.4) 150%
 );
 
 $dialog-container-gradient-lighter: linear-gradient(
-  316.54deg,
-  rgba(255, 255, 255, 0.95) 3%,
-  rgba(0, 0, 0, 0.4) 200%
+	316.54deg,
+	rgba(255, 255, 255, 0.95) 3%,
+	rgba(0, 0, 0, 0.4) 200%
 );
 
 // Additional component colors
@@ -63,33 +63,33 @@ $button-color-focused: $color-primary;
 
 // Font sizes
 $hero-font-sizes: (
-  default: 5rem,
-  md: 3.5rem,
-  sm: 2.5rem,
-  xs: 2rem
+	default: 5rem,
+	md: 3.5rem,
+	sm: 2.5rem,
+	xs: 2rem,
 );
 $h1-font-sizes: (
-  default: 3rem,
-  md: 2.5rem,
-  sm: 2rem
+	default: 3rem,
+	md: 2.5rem,
+	sm: 2rem,
 );
 $h2-font-sizes: (
-  default: 2rem,
-  md: 1.8rem,
-  sm: 1.5rem
+	default: 2rem,
+	md: 1.8rem,
+	sm: 1.5rem,
 );
 $body-font-sizes: (
-  default: 1rem,
-  xs: 0.8rem
+	default: 1rem,
+	xs: 0.8rem,
 );
 $subtitle-font-sizes: (
-  default: 0.8rem
+	default: 0.8rem,
 );
 $subtitle1-font-sizes: (
-  default: 0.6rem
+	default: 0.6rem,
 );
 $button-font-sizes: (
-  default: 1.3rem
+	default: 1.3rem,
 );
 
 // Container paddings
@@ -97,7 +97,7 @@ $container-padding: 1em 1.5em 1em 1.5em;
 
 // Shadows
 $box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07),
-  0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07);
+	0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07);
 $drop-shadow: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.2));
 $text-shadow: 1px 1px 10px #0005;
 $drop-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);