Fix classmatch select season behavior

src/pages/Classmatch.tsx

@@ -12,7 +12,7 @@ import {
   useDisclosure,
 } from '@chakra-ui/react';
 import { Helmet } from 'react-helmet-async';
-import { Navigate, useParams, useSearchParams } from 'react-router-dom';
+import { useSearchParams } from 'react-router-dom';
 import { useQueryClient } from '@tanstack/react-query';
 import { TbChevronRight } from 'react-icons/tb';
 import Header from '@/components/nav/Header';
@@ -31,31 +31,34 @@ import Loading from '@/components/common/Loading';
 import HistoryModal from '@/components/classmatch/HistoryModal';
 
 export default function Classmatch() {
-  const { year: y } = useParams();
-  const year = Number(y);
   const queryClient = useQueryClient();
   const [searchParams, setSearchParams] = useSearchParams();
   const { isOpen, onOpen, onClose } = useDisclosure();
+  const [year, setYear] = useState(
+    Number(searchParams.get('year')) || new Date().getFullYear(),
+  );
   const [season, setSeason] = useState<ClassmatchSeason>(
     searchParams.get('season') ?? new Date().getMonth() > 6
       ? 'autumn'
       : 'spring',
   );
 
   useEffect(() => {
+    searchParams.set('year', year.toString());
     searchParams.set('season', season);
     setSearchParams(searchParams);
     //  eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [season]);
+  }, [year, season]);
 
   const onSeasonSelected = useCallback(
     ({
-      // year: newYear,
+      year: newYear,
       season: newSeason,
     }: {
       year: number;
       season: ClassmatchSeason;
     }) => {
+      setYear(newYear);
       setSeason(newSeason);
     },
     [],
@@ -88,8 +91,6 @@ export default function Classmatch() {
     },
   );
 
-  if (!year) return <Navigate to={`/classmatch/${new Date().getFullYear()}`} />;
-
   return (
     <Box>
       <Helmet>