fix(web): fix build error

web/components/dashboard/ApiKeyList.tsx

@@ -34,7 +34,9 @@ const ApiKeyRow = ({ apiKey }: any) => {
       <Td>{apiKey.status}</Td>
       <Td>
         <Tooltip label='Double Click to delete'>
-          <DeleteIcon onDoubleClick={handleDelete} disabled/>
+          <DeleteIcon
+            // onDoubleClick={handleDelete}
+          />
         </Tooltip>
       </Td>
     </Tr>

web/components/dashboard/DeviceList.tsx

@@ -29,8 +29,7 @@ const DeviceRow = ({ device, onDelete }: any) => {
           <IconButton
             aria-label='Delete'
             icon={<DeleteIcon />}
-            onDoubleClick={onDelete}
-            disabled
+            // onDoubleClick={onDelete}
           />
         </Tooltip>
       </Td>

web/pages/reset-password.tsx

@@ -92,6 +92,8 @@ export default function LoginPage() {
     })
   }
 
+  const colorModeValue = useColorModeValue('gray.50', 'gray.800')
+
   if (resetSuccess) {
     return (
       <>
@@ -99,7 +101,7 @@ export default function LoginPage() {
           minH={'90vh'}
           align={'center'}
           justify={'center'}
-          bg={useColorModeValue('gray.50', 'gray.800')}
+          bg={colorModeValue}
         >
           <Stack pt={6}>
             <Text align={'center'}>Password reset successfully</Text>
@@ -117,7 +119,7 @@ export default function LoginPage() {
       minH={'90vh'}
       align={'center'}
       justify={'center'}
-      bg={useColorModeValue('gray.50', 'gray.800')}
+      bg={colorModeValue}
     >
       <Stack spacing={8} mx={'auto'} maxW={'lg'} py={12} px={6}>
         <Stack align={'center'}>
@@ -127,7 +129,7 @@ export default function LoginPage() {
         </Stack>
         <Box
           rounded={'lg'}
-          bg={useColorModeValue('white', 'gray.700')}
+          bg={colorModeValue}
           boxShadow={'lg'}
           p={8}
         >