enabled accordion to be collapsed

app/ui/MonthCard.tsx

@@ -18,8 +18,9 @@ export const MonthCard:FC<MonthCardProps> = ({ yearMonth, children, monthlyExpen
   const router = useRouter();
   const elRef = useRef<HTMLDivElement>(null);
 
-  // setting the `month` will activate the accordion belonging to that month
-  const handleChange = (event:any) => router.push(`/?year=${yearMonth.year}&month=${yearMonth.month}`);
+  // Setting the `month` will activate the accordion belonging to that month
+  // If the accordion is already active, it will collapse it
+  const handleChange = (event:any) => router.push(expanded ? `/?year=${yearMonth.year}` : `/?year=${yearMonth.year}&month=${yearMonth.month}`);
 
   useEffect(() => {
     if(expanded && elRef.current) {