remove title headers and clean up

client/App.tsx

@@ -31,12 +31,6 @@ const theme = createTheme({
       contrastText: '#fff'
     }
   },
-  typography: {
-    // fontFamily: [
-    //   'Source Code Pro',
-    //   'monospace',
-    // ].join(','),
-  },
 });
 
 const App = () => {

client/assets/photosObj.jsx

@@ -1,8 +1,3 @@
-// import serena from './photos/serena.jpg';
-// import anshu from './photos/brian-headshot.jpg';
-// import brian from './photos/brian-headshot.jpg';
-// import lilah from './photos/lilah.JPG';
-
 export const photosObj = {
   serena: './assets/photos/serena.png',
   brian: './assets/photos/brian-headshot.jpg',

client/components/Clipboard.tsx

@@ -7,7 +7,6 @@ import Button from '@mui/material/Button';
 import DeleteForeverIcon from '@mui/icons-material/DeleteForever';
 import DownloadIcon from '@mui/icons-material/Download';
 import TextField from '@mui/material/TextField';
-import Typography from '@mui/material/Typography';
 
 import { useAppDispatch, useAppSelector } from '../redux/hooks';
 import {
@@ -91,7 +90,6 @@ export const Clipboard = () => {
         className='code-container'
         data-testid='code-container'
       >
-        <Typography variant="h3" align="center" gutterBottom sx={{ color: '#6E00BB', mb: 0, mt: 5 }}>{projectName}</Typography>
         <TextField
           className="text-display"
           label="Server URL"

client/pages/CodeGenerator.tsx

@@ -11,7 +11,6 @@ export const CodeGenerator = () => {
 
   return (
     <div className='page-body'>
-      <Typography variant="h3" gutterBottom align='center' sx={{ color: '#6E00BB', mb: 3, mt: 2 }}>Test Generator</Typography>
       <TestInputForm />
       <CodeContainer />
       <SaveDataContainer open={showSave} />

client/pages/Contributors.tsx

@@ -1,7 +1,6 @@
 import { ContributorCard } from '../components/ContributorCard';
 import React from 'react';
 import { photosObj } from '../assets/photosObj';
-import Typography from '@mui/material/Typography';
 
 
 export const Contributors = () => {
@@ -51,9 +50,6 @@ export const Contributors = () => {
 
     return (
       <div className='page-body'>
-        <div>
-          <Typography variant="h3" align="center" gutterBottom  sx={{ mb: 7, mt: 5, color:'primary.main' }} className="contributors-header">Contributors</Typography>
-        </div>
         <div className="contributors-page">
           {users.map((devObj:userObjType, i) => {
             return <ContributorCard 

client/pages/Documentation.tsx

@@ -1,11 +1,9 @@
 import React from 'react';
 import { photosObj } from '../assets/photosObj';
-import Typography from '@mui/material/Typography';
 
 export const Documentation = () => {
   return (
     <div className='page-body'>
-      <Typography variant="h3" gutterBottom align='center' sx={{ color: '#6E00BB', mb: 4, mt: 5 }}>Documentation</Typography>
       <div className='documentation-container'>
         <p className="documentation-headers">Getting started</p>
         <p className="documentation-p">To start generating a test, simply navigate to our home page, where you will first be prompted to specify the endpoint for your request. </p>

client/stylesheets/styles.scss

@@ -1,17 +1,12 @@
 body {
   margin: 0;
-  //background: rgb(63,94,251);
-  // background: radial-gradient(circle, rgba(63,94,251,0.14051558123249297) 3%, rgba(130,86,200,0.27777048319327735) 71%, rgba(252,70,107,0.1237088585434174) 96%, rgba(184,79,159,0.32258841036414565) 100%);
   background-color: #fff;
   background: rgb(63,94,251);
   background: radial-gradient(circle, rgba(63,94,251,0.13911502100840334) 0%, rgba(252,70,107,0.0746892507002801) 100%);
 }
 
 .page-container {
-    // margin-left:-120px;
-    min-width: 300px;
-    // background-color: #6600ff;
-    // max-height: 600px;
+  min-width: 300px;
 }
 
 .page-body {