feat: Supports chatting with files/images #1880 (#1943)

### What problem does this PR solve?

feat: Supports chatting with files/images #1880

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/hooks/common-hooks.tsx

@@ -7,16 +7,16 @@ import { useTranslation } from 'react-i18next';
 export const useSetModalState = () => {
   const [visible, setVisible] = useState(false);
 
-  const showModal = () => {
+  const showModal = useCallback(() => {
     setVisible(true);
-  };
-  const hideModal = () => {
+  }, []);
+  const hideModal = useCallback(() => {
     setVisible(false);
-  };
+  }, []);
 
-  const switchVisible = () => {
+  const switchVisible = useCallback(() => {
     setVisible(!visible);
-  };
+  }, [visible]);
 
   return { visible, showModal, hideModal, switchVisible };
 };