Feat: added ghost legion hook

src/hooks/ghost-legion.jsx

@@ -0,0 +1,14 @@
+import { useState } from "react";
+import { useSearchParams } from "react-router-dom";
+
+const useGhostLegion = () => {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const [ghostLegion, setGhostLegion] = useState(Boolean(searchParams.get("ghost_legion")));
+  const toggleGhostLegion = () => {
+    setGhostLegion(!ghostLegion);
+    setSearchParams({ ghost_legion: !ghostLegion });
+  };
+  return { ghostLegion, toggleGhostLegion };
+};
+
+export default useGhostLegion;

src/hooks/index.jsx

@@ -1,2 +1,3 @@
 export { default as useBreakpoint } from "./breakpoint";
+export { default as useGhostLegion } from "./ghost-legion";
 export { default as useRound } from "./round";