feat(ui): updated ui with identity privilege hooks and new role form

frontend/src/views/Project/MembersPage/components/MemberListTab/MemberListTab.tsx

@@ -210,7 +210,7 @@ export const MemberListTab = () => {
 
   return (
     <motion.div
-      key="panel-1"
+      key="user-role-1"
       className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
       transition={{ duration: 0.15 }}
       initial={{ opacity: 0, translateX: 30 }}

frontend/src/views/Project/MembersPage/components/MemberListTab/MemberRoleForm/SpecificPrivilegeSection.tsx

@@ -375,7 +375,7 @@ const SpecificPrivilegeSecretForm = ({ privilege }: { privilege: TProjectUserPri
                     type="submit"
                   >
                     {privilegeForm.formState.isSubmitting ? (
-                      <Spinner size="sm" />
+                      <Spinner size="xs" className="m-0 text-slate-500 w-3 h-3" />
                     ) : (
                       <FontAwesomeIcon icon={faSave} />
                     )}
@@ -460,7 +460,7 @@ export const SpecificPrivilegeSection = ({ membershipId }: Props) => {
 
   return (
     <div className="mt-6 border-t border-t-gray-700 pt-6">
-      <div className="text-lg font-medium flex items-center space-x-2">
+      <div className="flex items-center space-x-2 text-lg font-medium">
         Additional Privileges
         {isLoading && <Spinner size="xs" />}
       </div>