feat: add update and delete functionality for courses, events, and species; enhance attendance tracking and category creation

apps/web/app/[locale]/home/[account]/courses/calendar/page.tsx

@@ -14,6 +14,7 @@ import { CmsPageShell } from '~/components/cms-page-shell';
 
 interface PageProps {
   params: Promise<{ account: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
 }
 
 const WEEKDAYS = ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'];
@@ -42,8 +43,12 @@ function getFirstWeekday(year: number, month: number): number {
   return day === 0 ? 6 : day - 1;
 }
 
-export default async function CourseCalendarPage({ params }: PageProps) {
+export default async function CourseCalendarPage({
+  params,
+  searchParams,
+}: PageProps) {
   const { account } = await params;
+  const search = await searchParams;
   const client = getSupabaseServerClient();
 
   const { data: acct } = await client
@@ -58,8 +63,17 @@ export default async function CourseCalendarPage({ params }: PageProps) {
   const courses = await api.listCourses(acct.id, { page: 1, pageSize: 100 });
 
   const now = new Date();
-  const year = now.getFullYear();
-  const month = now.getMonth();
+  const monthParam = search.month as string | undefined;
+  let year: number;
+  let month: number;
+  if (monthParam && /^\d{4}-\d{2}$/.test(monthParam)) {
+    const [y, m] = monthParam.split('-').map(Number);
+    year = y!;
+    month = m! - 1;
+  } else {
+    year = now.getFullYear();
+    month = now.getMonth();
+  }
   const daysInMonth = getDaysInMonth(year, month);
   const firstWeekday = getFirstWeekday(year, month);
 
@@ -139,15 +153,31 @@ export default async function CourseCalendarPage({ params }: PageProps) {
         <Card>
           <CardHeader>
             <div className="flex items-center justify-between">
-              <Button variant="ghost" size="icon" disabled>
-                <ChevronLeft className="h-4 w-4" />
-              </Button>
+              <Link
+                href={`/home/${account}/courses/calendar?month=${
+                  month === 0
+                    ? `${year - 1}-12`
+                    : `${year}-${String(month).padStart(2, '0')}`
+                }`}
+              >
+                <Button variant="ghost" size="icon">
+                  <ChevronLeft className="h-4 w-4" />
+                </Button>
+              </Link>
               <CardTitle>
                 {MONTH_NAMES[month]} {year}
               </CardTitle>
-              <Button variant="ghost" size="icon" disabled>
-                <ChevronRight className="h-4 w-4" />
-              </Button>
+              <Link
+                href={`/home/${account}/courses/calendar?month=${
+                  month === 11
+                    ? `${year + 1}-01`
+                    : `${year}-${String(month + 2).padStart(2, '0')}`
+                }`}
+              >
+                <Button variant="ghost" size="icon">
+                  <ChevronRight className="h-4 w-4" />
+                </Button>
+              </Link>
             </div>
           </CardHeader>
           <CardContent>