Add activity types to EditModal component and update server files

src/lib/components/EditModal.svelte

@@ -13,9 +13,11 @@
     if (modal) {
       modal.showModal();
     }
+    activityInput = (adventureToEdit?.activityTypes || []).join(", ");
   });
 
   function submit() {
+    addActivityType();
     dispatch("submit", adventureToEdit);
     console.log(adventureToEdit);
   }
@@ -29,6 +31,20 @@
       close();
     }
   }
+
+  let activityInput: string = "";
+
+  function addActivityType() {
+    if (activityInput.trim() !== "") {
+      const activities = activityInput
+        .split(",")
+        .map((activity) => activity.trim());
+      adventureToEdit.activityTypes = activities;
+      // override the original activity types
+      activityInput = "";
+    }
+    console.log(adventureToEdit.activityTypes);
+  }
 </script>
 
 <dialog id="my_modal_1" class="modal">
@@ -78,6 +94,15 @@
             class="input input-bordered w-full max-w-xs"
           />
         </div>
+        <div>
+          <label for="date">Activity Types</label>
+          <input
+            type="text"
+            id="activityTypes"
+            bind:value={activityInput}
+            class="input input-bordered w-full max-w-xs"
+          />
+        </div>
         <button class="btn btn-primary mr-4 mt-4" on:click={submit}>Save</button
         >
         <!-- if there is a button in form, it will close the modal -->