refacto : cleaning the codebasebase again

src/hooks/debug/useCameraMode.ts

@@ -1,13 +1,6 @@
-import { useSyncExternalStore } from "react";
 import type { CameraMode } from "@/types/debug";
-import { Debug } from "@/utils/debug/Debug";
+import { useDebugStore } from "@/hooks/debug/useDebugStore";
 
 export function useCameraMode(): CameraMode {
-  const debug = Debug.getInstance();
-
-  return useSyncExternalStore(
-    (listener) => debug.subscribe(listener),
-    () => debug.getCameraMode(),
-    () => debug.getCameraMode(),
-  );
+  return useDebugStore((debug) => debug.getCameraMode());
 }

src/hooks/debug/useDebugStore.ts

@@ -0,0 +1,12 @@
+import { useSyncExternalStore } from "react";
+import { Debug } from "@/utils/debug/Debug";
+
+export function useDebugStore<T>(selector: (debug: Debug) => T): T {
+  const debug = Debug.getInstance();
+
+  return useSyncExternalStore(
+    (listener) => debug.subscribe(listener),
+    () => selector(debug),
+    () => selector(debug),
+  );
+}

src/hooks/debug/useSceneMode.ts

@@ -1,13 +1,6 @@
-import { useSyncExternalStore } from "react";
 import type { SceneMode } from "@/types/debug";
-import { Debug } from "@/utils/debug/Debug";
+import { useDebugStore } from "@/hooks/debug/useDebugStore";
 
 export function useSceneMode(): SceneMode {
-  const debug = Debug.getInstance();
-
-  return useSyncExternalStore(
-    (listener) => debug.subscribe(listener),
-    () => debug.getSceneMode(),
-    () => debug.getSceneMode(),
-  );
+  return useDebugStore((debug) => debug.getSceneMode());
 }