message: add functionality to select and add multiple groups
diff: @@ -32,7 +32,7 @@ export type UserFormProps = {
  max?: number,
  search?: string
  ) => Promise<UserRepresentation[]>;
  - addGroups?: (newReps: GroupRepresentation[]) => void;
  + addGroup?: (newGroup: GroupRepresentation) => void;
  };
  export const UserGroups = () => {
  @@ -48,17 +48,12 @@ export const UserGroups = () => {
  const [search, setSearch] = useState("");
  const [username, setUsername] = useState("");
  - const [join, setJoin] = useState<GroupTableData>();
  -
  - const lastId = getLastId(location.pathname);
  -
  const [isDirectMembership, setDirectMembership] = useState(true);
  const [directMembershipList, setDirectMembershipList] = useState<
  GroupRepresentation[]
  >([]);
  const [open, setOpen] = useState(false);
  - const [move, setMove] = useState<GroupTableData>();
  const adminClient = useAdminClient();
  const { id } = useParams<{ id: string }>();
  @@ -210,15 +205,6 @@ export const UserGroups = () => {
  const toggleModal = () => {
  setOpen(!open);
  };
  - const JoinGroupButtonRenderer = (group: GroupRepresentation) => {
  - return (
  - <>
  - <Button onClick={() => joinGroup(group)} variant="link">
  - {t("users:joinGroup")}
  - </Button>
  - </>
  - );
  - };
  const joinGroup = (group: GroupRepresentation) => {
  setSelectedGroup(group);
  