fix: path mapping

Author: Nagarian

hall-of-fame/src/App.tsx

@@ -34,11 +34,9 @@ export function App() {
         <Suspense fallback={<Loader size="10" placeSelf="center" />}>
           <Container>
             <Routes>
-              <Route path={import.meta.env.BASE_URL}>
-                <Route index element={<Home />} />
-                <Route path="year/:year" element={<YearLayout />}>
-                  <Route index element={<Main />} />
-                </Route>
+              <Route path="/" element={<Home />} />
+              <Route path="/year/:year" element={<YearLayout />}>
+                <Route index element={<Main />} />
               </Route>
             </Routes>
           </Container>

hall-of-fame/src/components/Header.tsx

@@ -16,7 +16,7 @@ export function Header() {
       px="large"
       py="small"
     >
-      <NavLink to={import.meta.env.BASE_URL} title="Homepage">
+      <NavLink to="/" title="Homepage">
         <Logo size={2} color="secondaryText" />
       </NavLink>
 

hall-of-fame/src/hooks/useBackupData.tsx

@@ -55,7 +55,7 @@ export function useBackupData<K extends BackupDataType>(
 
     setLoading(true)
     setError(undefined)
-    fetch(`${import.meta.env.BASE_URL}backups/${year}/${type}.json`)
+    fetch(`/backups/${year}/${type}.json`)
       .then(res => {
         if (!res.ok) throw new Error(`HTTP ${res.status}`)
         return res.json()

hall-of-fame/src/pages/Home.tsx

@@ -41,8 +41,10 @@ export function Home() {
 
       <BoxPanel title="Previous editions">
         <Box
-          display="grid"
-          gridTemplateColumns={['1fr', 'repeat(3, 1fr)']}
+          display="flex"
+          flexWrap="wrap"
+          flexDirection="row"
+          justifyContent="space-around"
           gap="2"
         >
           <EditionLink year={2025} logo={IconLogo2025} />
@@ -69,7 +71,7 @@ type EditionLinkProps = {
 
 export function EditionLink({ year, logo: Icon }: EditionLinkProps) {
   return (
-    <SLink to={`${import.meta.env.BASE_URL}year/${year}`} flexDirection="column">
+    <SLink to={`/year/${year}`} flexDirection="column">
       <Icon size="13" />
       <Box as="span">{`${year}`}</Box>
     </SLink>