chore: add useNavigateTo hook

frontend/web/src/hooks/useNavigateTo.ts

@@ -0,0 +1,20 @@
+import { NavigateOptions, useNavigate } from "react-router-dom";
+
+const useNavigateTo = () => {
+  const navigateTo = useNavigate();
+
+  const navigateToWithViewTransition = (to: string, options?: NavigateOptions) => {
+    const document = window.document as any;
+    if (!document.startViewTransition) {
+      navigateTo(to, options);
+    } else {
+      document.startViewTransition(() => {
+        navigateTo(to, options);
+      });
+    }
+  };
+
+  return navigateToWithViewTransition;
+};
+
+export default useNavigateTo;

frontend/web/src/hooks/useToggle.ts

@@ -1,21 +0,0 @@
-import { useCallback, useState } from "react";
-
-// Parameter is the boolean, with default "false" value
-const useToggle = (initialState = false): [boolean, (nextState?: boolean) => void] => {
-  // Initialize the state
-  const [state, setState] = useState(initialState);
-
-  // Define and memorize toggler function in case we pass down the comopnent,
-  // This function change the boolean value to it's opposite value
-  const toggle = useCallback((nextState?: boolean) => {
-    if (nextState !== undefined) {
-      setState(nextState);
-    } else {
-      setState((state) => !state);
-    }
-  }, []);
-
-  return [state, toggle];
-};
-
-export default useToggle;