done user and role page

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

@@ -0,0 +1,32 @@
+import React from "react";
+import TopHeader from "@/app/components/topHeader/TopHeader";
+import globalStyle from "../../globalStyle.module.css";
+import createCredStyle from "./styles.module.css";
+import TopToolTip from "@/app/components/topToolTip/TopToolTip";
+
+const page = () => {
+  return (
+    <div className={globalStyle.section}>
+      <div className={globalStyle.mainContainer}>
+        <div className={globalStyle.container}>
+          <TopHeader
+            buttonText="Save"
+            cancelButtonText="Cancel"
+            topbarTitle="Create Credential"
+            state="add"
+          />
+          {/* Create Crediantial Container */}
+          <div className={createCredStyle.createCredContainer}>
+            <TopToolTip />
+            <div className={createCredStyle.inputFieldContainer}>
+              {/* Project Name Input Container */}
+              <div></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default page;