no idea what i did

client/src/components/layout/Navbar.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Link } from "react-router-dom";
 import { logOut } from "../../reducers/auth";
 import { useAppDispatch, useAppSelector } from "../../utils/hooks";
@@ -69,7 +68,7 @@ const Navbar = () => {
     <AppBar position="static">
       <Container maxWidth="xl">
         <Toolbar disableGutters>
-          {/*Icon for big dislay*/}
+          {/*Icon for big display*/}
           <AdbIcon sx={{ display: { xs: "none", md: "flex" }, mr: 1 }} />
           {/*LOGO link for bi display*/}
           <Typography

client/src/components/posts/PostForm.tsx

@@ -1,4 +1,4 @@
-import { Box, Button, Container, TextField, Typography } from "@mui/material";
+{ Box, Button, Container, TextField, Typography } from "@mui/material";
 import React, { useState } from "react";
 import { createAlert } from "../../actions/alert";
 import { addPost } from "../../actions/post";

client/src/components/profile-forms/ProfileForm.tsx

@@ -55,7 +55,7 @@ const ProfileForm = () => {
     // then build our profileData
     if (!loading && profile) {
       const profileData: any = { ...initialState };
-      // cant figure out how to type key to be keyof profile  so they are any now
+      // can't figure out how to type key to be keyof profile  so they are any now
       for (const key in profile) {
         if (key in profileData) profileData[key] = profile[key];
       }
@@ -215,7 +215,7 @@ const ProfileForm = () => {
           </Grid>
           <Grid size={{ xs: 6 }}>
             <Typography>
-              Please use comma separeted values (eg. HTML, CSS, JavaScript, PHP)
+              Please use comma separated values (eg. HTML, CSS, JavaScript, PHP)
             </Typography>
           </Grid>
           <Grid size={{ xs: 6 }}>
@@ -240,7 +240,7 @@ const ProfileForm = () => {
               labelId="status"
               name="status"
               required
-              placeholder="Select Profesional status"
+              placeholder="Select Professional status"
               defaultValue={""}
             >
               <MenuItem value="">None</MenuItem>
@@ -258,7 +258,7 @@ const ProfileForm = () => {
           </Grid>
           <Grid size={{ xs: 6 }}>
             <Typography paddingTop="2.3rem">
-              Select Profesional Status
+              Select Professional Status
             </Typography>
           </Grid>
           <Grid size={{ xs: 12 }}>

client/src/reducers/post.ts

@@ -7,7 +7,7 @@ interface postState {
   post: Post | null;
   loading: boolean;
   error: {};
-  //Todo erros
+  //Todo errors
 }
 const initialState: postState = {
   posts: [],