profile dropdown changes

frontend/src/app/users/add/page.jsx

@@ -1,13 +1,28 @@
 import React from "react";
 import TopHeader from "@/app/components/topHeader/TopHeader";
 import globalStyle from "../../globalStyle.module.css";
+import addUserStyle from "./styles.module.css";
 
 const page = () => {
   return (
     <div className={globalStyle.section}>
       <div className={globalStyle.mainContainer}>
         <div className={globalStyle.container}>
-          <TopHeader buttonText="Add" topbarTitle="Add User" />
+          <TopHeader
+            buttonText="Add"
+            cancelButtonText="Cancel"
+            topbarTitle="Add User"
+            state="add"
+          />
+          <div className={addUserStyle.addUserContainer}>
+            {/* Input fields Container  */}
+            <div className={addUserStyle.inputFieldContainer}>
+              {/* User Details */}
+              <div className={addUserStyle.userDetails}></div>
+              {/* Permissions */}
+              <div className={addUserStyle.userPermissions}></div>
+            </div>
+          </div>
         </div>
       </div>
     </div>