feat: Extensive refactoring and modification to support any number of interfaces

src/hooks/MouseHover.js

@@ -1,19 +1,11 @@
-import { useCallback } from "react";
 import { DEFAULT_MOUSE_HOVER_SETTING } from "../config";
 import { useSetting } from "./Setting";
 
 export function useMouseHoverSetting() {
-  const { setting, updateSetting } = useSetting();
+  const { setting, updateChild } = useSetting();
   const mouseHoverSetting =
     setting?.mouseHoverSetting || DEFAULT_MOUSE_HOVER_SETTING;
-
-  const updateMouseHoverSetting = useCallback(
-    async (obj) => {
-      Object.assign(mouseHoverSetting, obj);
-      await updateSetting({ mouseHoverSetting });
-    },
-    [mouseHoverSetting, updateSetting]
-  );
+  const updateMouseHoverSetting = updateChild("mouseHoverSetting");
 
   return { mouseHoverSetting, updateMouseHoverSetting };
 }