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

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

@@ -7,6 +7,7 @@ import {
   Euro,
   User,
   Clock,
+  Pencil,
 } from 'lucide-react';
 
 import { createCourseManagementApi } from '@kit/course-management/api';
@@ -19,6 +20,8 @@ import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
 import { AccountNotFound } from '~/components/account-not-found';
 import { CmsPageShell } from '~/components/cms-page-shell';
 
+import { DeleteCourseButton } from './delete-course-button';
+
 interface PageProps {
   params: Promise<{ account: string; courseId: string }>;
 }
@@ -60,6 +63,17 @@ export default async function CourseDetailPage({ params }: PageProps) {
   return (
     <CmsPageShell account={account} title={String(courseData.name)}>
       <div className="flex w-full flex-col gap-6">
+        {/* Action Buttons */}
+        <div className="flex justify-end gap-2">
+          <Button asChild variant="outline" size="sm">
+            <Link href={`/home/${account}/courses/${courseId}/edit`}>
+              <Pencil className="mr-2 h-4 w-4" />
+              Bearbeiten
+            </Link>
+          </Button>
+          <DeleteCourseButton courseId={courseId} accountSlug={account} />
+        </div>
+
         {/* Summary Cards */}
         <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
           <Card>