completely removed modal reducer

src/hooks/modal/useModal.ts

@@ -0,0 +1,16 @@
+import { useModalStore } from '~/store/modal/useModalStore';
+import { useCallback } from 'react';
+import { Dialog } from '~/constants/modal';
+
+export const useModal = () => {
+  const { setCurrent, hide } = useModalStore();
+
+  const showModal = useCallback(
+    (dialog: Dialog) => {
+      setCurrent(dialog);
+    },
+    [setCurrent]
+  );
+
+  return { showModal, hideModal: hide };
+};

src/hooks/modal/useShowModal.ts

@@ -0,0 +1,11 @@
+import { useCallback } from 'react';
+import { useModal } from '~/hooks/modal/useModal';
+import { Dialog } from '~/constants/modal';
+
+export const useShowModal = (dialog: Dialog) => {
+  const modal = useModal();
+
+  return useCallback(() => {
+    modal.showModal(dialog);
+  }, [dialog, modal]);
+};