Fix: remove detect-hof hook and minor fixes

src/components/layout/header.jsx

@@ -1,10 +1,11 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { RxCross1, RxHamburgerMenu } from "react-icons/rx";
 import { Link } from "react-router-dom";
+import { useLocation } from "react-router-dom";
 import { twMerge } from "tailwind-merge";
 import { portalURL } from "@/constants";
+import { hallOfFame } from "@/constants/routes";
 import { useBreakpoint } from "@/hooks";
-import useDetectHallOfFame from "@/hooks/detect-hall-of-fame";
 import { BashawayLeaderboard } from "@/icons";
 import { AnimatedSwitcher, Button } from "@sliit-foss/bashaway-ui/components";
 import { Bashaway, FOSS, Link as LinkIcon, Times } from "@sliit-foss/bashaway-ui/icons";
@@ -16,8 +17,14 @@ const buttonStyles = "mt-1.5 xl:mt-0 px-8 xl:px-[1.15rem] pb-2.5 xl:pb-[0.4rem]
 
 const Header = ({ className }) => {
   const [mobileNavOpen, setMobileNavOpen] = useState(false);
+  const [isHallOfFame, setIsHallOfFame] = useState();
+
   const breakpoints = useBreakpoint();
-  const isHallOfFame = useDetectHallOfFame();
+  const { pathname } = useLocation();
+
+  useEffect(() => {
+    setIsHallOfFame(pathname === hallOfFame);
+  }, [pathname]);
 
   return (
     <header

src/constants/routes.js

@@ -0,0 +1 @@
+export const hallOfFame = "/hall-of-fame";

src/store/api/leaderboard/index.js

@@ -12,14 +12,14 @@ export const leaderboardApi = createApi({
     }),
     fetchPastLeaderboards: builder.query({
       queryFn: async ({ year = 2023, round, ghostLegion, page, filters, sorts }) => {
-        let path = round == 1 ? "round1" : ghostLegion == true ? "ghost-legion" : "final";
+        let path = round === 1 ? "round1" : ghostLegion === true ? "ghost-legion" : "final";
 
         try {
           const data = await import(`../../../constants/annual-leaderboard/${year}/${path}.json`);
           const transformedData = transformLeaderboardData({ ...data.default }, undefined, { page, filters, sorts });
           return { data: transformedData };
         } catch (error) {
-          console.log("Failed to fetch data dynamically");
+          console.error("Failed to fetch data dynamically");
         }
       }
     })

src/store/api/leaderboard/transformer.js

@@ -1,4 +1,4 @@
-import { orderBy } from "lodash";
+import { default as orderBy } from "lodash";
 import { isRegex } from "@/utils";
 
 const transformLeaderboardData = (response, _, arg) => {