Added Header

src/components/AuthUser/Homepage/Header.tsx

+import React from "react";
+import { makeStyles } from '@material-ui/core/styles';
+import { AppBar, Toolbar, Button } from "@material-ui/core";
+import { Home }from "@material-ui/icons";
+
+const useStyles = makeStyles((theme) => ({
+    button: {
+      margin: theme.spacing(1),
+    },
+  }));
+
+const Header = () => {
+
+    return (
+
+        <AppBar position="static">
+
+            <Toolbar>
+            <Button
+            variant="contained"
+            //color="primary"
+            className={classes.button}
+            startIcon={<Home />}
+            >
+              Home
+            </Button>
+            </Toolbar>
+
+        </AppBar>
+
+
+    );
+};
+
+export default Header;
\ No newline at end of file

src/components/AuthUser/Homepage/HomePage.tsx

 import React from "react";
+import Header from "./Header";
 
 import { CssBaseline, Grid } from "@material-ui/core";
 
@@ -9,6 +10,7 @@ const HomePage = () => {
         <Grid container direction="column">
             <Grid item>
                 <CssBaseline />
+                <Header />
             </Grid>
              <Grid item container>
                  <Grid item xs={false} sm={2} />