Update project members page layout and remove unnecessary links

frontend/src/Components/ProjectMembers.tsx

@@ -29,6 +29,9 @@ function ProjectMembers(): JSX.Element {
 
   return (
     <>
+      <h1 className="font-bold text-[30px] mb-[20px]">
+        All Members In: {projectName}{" "}
+      </h1>
       <div className="border-4 border-black bg-white flex flex-col items-center justify-center min-h-[65vh] h-fit w-[70vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px] text-[20px]">
         {projectMembers.map((projectMember: ProjectMember, index: number) => (
           <h1 key={index} className="border-b-2 border-black w-full">
@@ -47,13 +50,6 @@ function ProjectMembers(): JSX.Element {
                       View Reports
                     </h1>
                   </Link>
-                  <Link
-                    to={`/changeRole/${projectName}/${projectMember.Username}`}
-                  >
-                    <h1 className="underline cursor-pointer font-bold">
-                      Change Role
-                    </h1>
-                  </Link>
                 </div>
               </div>
             </div>

frontend/src/Pages/ProjectManagerPages/PMProjectMembers.tsx

@@ -8,9 +8,6 @@ function PMProjectMembers(): JSX.Element {
   const { projectName } = useParams();
   const content = (
     <>
-      <h1 className="font-bold text-[30px] mb-[20px]">
-        All Members In: {projectName}{" "}
-      </h1>
       <ProjectMembers />
     </>
   );
@@ -26,15 +23,6 @@ function PMProjectMembers(): JSX.Element {
           type={"button"}
         />
       </Link>
-      <Link to={`/PMtimerole/${projectName}`}>
-        <Button
-          text="Time / Role"
-          onClick={(): void => {
-            return;
-          }}
-          type={"button"}
-        />
-      </Link>
       <BackButton />
     </>
   );