chore(web): remove chakra packages

web/src/features/dialog/components/InfoTooltip.tsx

@@ -1,23 +0,0 @@
-import { Box, Tooltip } from '@chakra-ui/react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-
-const InfoTooltip: React.FC<{ description: string }> = ({ description }) => {
-  return (
-    <Tooltip label={description} placement="top" hasArrow arrowSize={4} maxW={220}>
-      <Box
-        borderRadius="full"
-        bg="whiteAlpha.200"
-        p={0.5}
-        w={18}
-        h={18}
-        display="flex"
-        alignItems="center"
-        justifyContent="center"
-      >
-        <FontAwesomeIcon icon="question" fixedWidth fontSize={10} />
-      </Box>
-    </Tooltip>
-  );
-};
-
-export default InfoTooltip;

web/src/features/dialog/components/Label.tsx

@@ -1,13 +0,0 @@
-import { HStack, Text } from '@chakra-ui/react';
-import InfoTooltip from './InfoTooltip';
-
-const Label: React.FC<{ label: string; description?: string }> = ({ label, description }) => {
-  return (
-    <HStack spacing={1}>
-      <Text>{label}</Text>
-      {description && <InfoTooltip description={description} />}
-    </HStack>
-  );
-};
-
-export default Label;

web/src/features/progress/CircleProgressbar.tsx

@@ -42,10 +42,12 @@ const useStyles = createStyles((theme, params: { position: 'middle' | 'bottom';
     textAlign: 'center',
     fontFamily: 'roboto-mono',
     textShadow: theme.shadows.sm,
+    color: theme.colors.gray[3],
   },
   label: {
     textAlign: 'center',
     textShadow: theme.shadows.sm,
+    color: theme.colors.gray[3],
   },
 }));
 

web/src/features/progress/Progressbar.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Progress, Box, Text, createStyles } from '@mantine/core';
+import { Box, Text, createStyles } from '@mantine/core';
 import { useNuiEvent } from '../../hooks/useNuiEvent';
 import { fetchNui } from '../../utils/fetchNui';
 import ScaleFade from '../../transitions/ScaleFade';
@@ -45,6 +45,7 @@ const useStyles = createStyles((theme) => ({
     overflow: 'hidden',
     whiteSpace: 'nowrap',
     fontSize: 20,
+    color: theme.colors.gray[3],
     textShadow: theme.shadows.sm,
   },
 }));