first commit

web/src/pages/ProfilePage.jsx

@@ -0,0 +1,16 @@
+import React from "react";
+import SmallPaperLayout from '../layouts/SmallPaperLayout';
+import userContext from "../context/userContext";
+import { Box, Typography } from "@mui/material";
+
+const ProfilePages = () => {
+  const { user, setUser } = React.useContext(userContext);
+  return (
+    <SmallPaperLayout>
+        <Typography variant="h3">Hello, {user.username}</Typography>
+        <hr />
+    </SmallPaperLayout>
+  );
+};
+
+export default ProfilePages;