added basic data for event list, md editor and viewer

apps/hub/app/(app)/admin/event/_components/Form.tsx

@@ -22,6 +22,7 @@ import {
 } from '../../../../_components/PaginatedTable';
 import { Select } from '../../../../_components/ui/Select';
 import { useSession } from 'next-auth/react';
+import { MarkdownEditor } from '../../../../_components/ui/MDEditor';
 
 export const Form = ({
   event,
@@ -107,12 +108,7 @@ export const Form = ({
               <FileText className="w-5 h-5" /> Allgemeines
             </h2>
             <Input form={form} label="Name" name="name" className="input-sm" />
-            <Input
-              form={form}
-              label="Beschreibung"
-              name="description"
-              className="input-sm"
-            />
+            <MarkdownEditor form={form} name="description" />
             <Input
               form={form}
               label="Maximale Teilnehmer (Nur für live Events)"
@@ -174,12 +170,14 @@ export const Form = ({
               <h2 className="card-title">
                 <Calendar className="w-5 h-5" /> Termine
               </h2>
-              <button
-                className="btn btn-primary btn-outline"
-                onClick={() => addParticipantModal.current?.showModal()}
-              >
-                Hinzufügen
-              </button>
+              {event && (
+                <button
+                  className="btn btn-primary btn-outline"
+                  onClick={() => addParticipantModal.current?.showModal()}
+                >
+                  Hinzufügen
+                </button>
+              )}
             </div>
 
             <PaginatedTable
@@ -233,6 +231,7 @@ export const Form = ({
                           type="button"
                           onClick={() => {
                             console.log(row.original);
+                            // TODO: open modal to edit appointment
                           }}
                           className="btn btn-sm btn-outline"
                         >