fix frontend ui

src/app/providers.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { HeroUIProvider } from '@heroui/react';
+import { HeroUIProvider } from '@heroui/system';
 
 import { ControlProvider } from '@/contexts/control-context';
 

src/components/state-modal.tsx

@@ -1,6 +1,8 @@
 'use client';
 
-import { Button, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, useDisclosure } from '@heroui/react';
+import { Button } from '@heroui/button';
+import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from '@heroui/modal';
+import { useDisclosure } from '@heroui/use-disclosure';
 import { forwardRef, useImperativeHandle, useState } from 'react';
 
 export type StateModalRef = {

src/components/ui-controls.tsx

@@ -1,6 +1,9 @@
 'use client';
 
-import { Button, ButtonGroup, Card, CardBody, Checkbox, Slider } from '@heroui/react';
+import { Button, ButtonGroup } from '@heroui/button';
+import { Card, CardBody } from '@heroui/card';
+import { Checkbox } from '@heroui/checkbox';
+import { Slider } from '@heroui/slider';
 import { useRef, useState } from 'react';
 
 import { useControlContext } from '@/contexts/control-context';