feat: New users page contextual bar user form

apps/meteor/client/components/UserCard/UserCardInfo.tsx

@@ -3,7 +3,7 @@ import type { ReactElement, ComponentProps } from 'react';
 import React from 'react';
 
 const UserCardInfo = (props: ComponentProps<typeof Box>): ReactElement => (
-	<Box mbe={8} is='span' fontScale='p2' color='hint' withTruncatedText {...props} />
+	<Box mb={8} is='span' fontScale='p2' color='hint' withTruncatedText {...props} />
 );
 
 export default UserCardInfo;

apps/meteor/client/views/admin/rooms/RoomsTableFilters.tsx

@@ -94,8 +94,8 @@ const RoomsTableFilters = ({ setFilters }: { setFilters: Dispatch<SetStateAction
 			</Box>
 			<Box minWidth='x224' m='x4'>
 				<MultiSelectCustom
-					dropdownOptions={roomTypeFilterStructure as OptionProp[]}
-					defaultTitle={'All_rooms' as any}
+					dropdownOptions={roomTypeFilterStructure}
+					defaultTitle='All_rooms'
 					selectedOptionsTitle='Rooms'
 					setSelectedOptions={handleRoomTypeChange}
 					selectedOptions={roomTypeSelectedOptions}

apps/meteor/client/views/admin/users/AdminUserCreated.tsx

@@ -0,0 +1,29 @@
+import { Button, ButtonGroup, ContextualbarFooter } from '@rocket.chat/fuselage';
+import { useRouter } from '@rocket.chat/ui-contexts';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { ContextualbarEmptyContent } from '../../../components/Contextualbar';
+
+const AdminUserCreated = ({ uid }: { uid: string }) => {
+	const { t } = useTranslation();
+	const router = useRouter();
+
+	return (
+		<>
+			<ContextualbarEmptyContent icon='user' title={t('You_have_created_user')} />
+			<ContextualbarFooter>
+				<ButtonGroup stretch>
+					<Button type='reset' w='50%' onClick={() => router.navigate(`/admin/users/new`)}>
+						{t('Add_more_users')}
+					</Button>
+					<Button primary w='50%' onClick={() => router.navigate(`/admin/users/info/${uid}`)}>
+						{t('Done')}
+					</Button>
+				</ButtonGroup>
+			</ContextualbarFooter>
+		</>
+	);
+};
+
+export default AdminUserCreated;