Merge pull request #221 from Deep-Codes/main

fix(dashboard): users table overflow

dashboard/src/pages/Users.tsx

@@ -29,6 +29,7 @@ import {
 	MenuItem,
 	useToast,
 	Spinner,
+	TableContainer
 } from '@chakra-ui/react';
 import {
 	FaAngleLeft,
@@ -262,8 +263,7 @@ export default function Users() {
 			.toPromise();
 		if (res.data?._update_user?.id) {
 			toast({
-				title: `Multi factor authentication ${
-					user.is_multi_factor_auth_enabled ? 'disabled' : 'enabled'
+				title: `Multi factor authentication ${user.is_multi_factor_auth_enabled ? 'disabled' : 'enabled'
 					} for user`,
 				isClosable: true,
 				status: 'success',
@@ -293,6 +293,7 @@ export default function Users() {
 			</Flex>
 			{!loading ? (
 				userList.length > 0 ? (
+					<TableContainer>
 						<Table variant="simple">
 							<Thead>
 								<Tr>
@@ -547,6 +548,7 @@ export default function Users() {
 								</TableCaption>
 							)}
 						</Table>
+					</TableContainer>
 				) : (
 					<Flex
 						flexDirection="column"