improve Accesissibility

src/components/Auth/SignInForm/SignInForm.tsx

@@ -76,13 +76,15 @@ export const SignInForm: FC = () => {
   const classes = useStyles();
   return (
     <>
-      <MuiThemeProvider theme={themeResp}>
-        <Grid item container>
-          <Grid item xs={12} color="primary" className={classes.paddingTop}>
-            <Typography variant="h1">SIGN IN</Typography>
+      <header>
+        <MuiThemeProvider theme={themeResp}>
+          <Grid item container>
+            <Grid item xs={12} color="primary" className={classes.paddingTop}>
+              <Typography variant="h1">SIGN IN</Typography>
+            </Grid>
           </Grid>
-        </Grid>
-      </MuiThemeProvider>
+        </MuiThemeProvider>
+      </header>
 
       <form
         className={classes.form}

src/components/Auth/SignUpForm/SignUpForm.tsx

@@ -67,13 +67,15 @@ export const SignUpForm: FC = () => {
   const classes = useStyles();
   return (
     <>
-      <MuiThemeProvider theme={themeResp}>
-        <Grid item container>
-          <Grid item xs={12} color="primary" className={classes.paddingTop}>
-            <Typography variant="h1">SIGN UP</Typography>
+      <header>
+        <MuiThemeProvider theme={themeResp}>
+          <Grid item container>
+            <Grid item xs={12} color="primary" className={classes.paddingTop}>
+              <Typography variant="h1">SIGN UP</Typography>
+            </Grid>
           </Grid>
-        </Grid>
-      </MuiThemeProvider>
+        </MuiThemeProvider>
+      </header>
 
       <form
         className={classes.form}