improvements: address feedback

frontend/src/pages/admin/AccessManagementPage/components/AddServerAdminModal.tsx

@@ -89,11 +89,7 @@ const Content = ({ onClose }: ContentProps) => {
     <form onSubmit={handleSubmit(onSubmit)}>
       <Controller
         render={({ field, fieldState: { error } }) => (
-          <FormControl
-            isError={Boolean(error)}
-            errorText={error?.message}
-            label="Assign Organization Admins"
-          >
+          <FormControl isError={Boolean(error)} errorText={error?.message} label="User">
             <FilterableSelect
               isLoading={searchUserFilter !== debouncedSearchTerm || isFetching}
               className="w-full"
@@ -120,7 +116,7 @@ const Content = ({ onClose }: ContentProps) => {
           isDisabled={isSubmitting}
           colorSchema="secondary"
         >
-          Grant Server Admin
+          Grant
         </Button>
         <Button onClick={() => onClose()} variant="plain" colorSchema="secondary">
           Cancel
@@ -133,7 +129,11 @@ const Content = ({ onClose }: ContentProps) => {
 export const AddServerAdminModal = ({ isOpen, onOpenChange }: Props) => {
   return (
     <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent bodyClassName="overflow-visible" title="Grant Server Admin">
+      <ModalContent
+        bodyClassName="overflow-visible"
+        title="Grant Server Admin"
+        subTitle="Grant server admin status to a user"
+      >
         <Content onClose={() => onOpenChange(false)} />
       </ModalContent>
     </Modal>

frontend/src/pages/admin/AccessManagementPage/components/ServerAdminsTable.tsx

@@ -424,14 +424,14 @@ export const ServerAdminsTable = () => {
         />
         <DeleteActionModal
           isOpen={popUp.removeUsers.isOpen}
-          title="Are you sure you want to remove the following users?"
+          title="Are you sure you want to delete the following users?"
           onChange={(isOpen) => handlePopUpToggle("removeUsers", isOpen)}
           deleteKey="confirm"
           onDeleteApproved={() => handleRemoveUsers()}
           buttonText="Remove"
         >
           <div className="mt-4 text-sm text-mineshaft-400">
-            The following members will be removed:
+            The following users will be deleted:
           </div>
           <div className="mt-2 max-h-[20rem] overflow-y-auto rounded border border-mineshaft-600 bg-red/10 p-4 pl-8 text-sm text-red-200">
             <ul className="list-disc">
@@ -458,7 +458,7 @@ export const ServerAdminsTable = () => {
                               className="ml-1 mt-[0.05rem] inline-flex w-min items-center gap-1.5 whitespace-nowrap"
                             >
                               <FontAwesomeIcon icon={faWarning} />
-                              <span>Removing Yourself</span>
+                              <span>Deleting Yourself</span>
                             </Badge>
                           </div>
                         </Tooltip>