✨ Implement importing and exporting of timetables

src/components/settings/timetable-card.vue

@@ -8,9 +8,10 @@ import {
   AlertCircleIcon,
   CopyIcon,
 } from "lucide-vue-next";
+import { DownloadIcon } from "lucide-vue-next";
 
 defineProps(["timetable", "editable", "selected"]);
-defineEmits(["click", "edit", "delete", "copy"]);
+defineEmits(["click", "edit", "delete", "copy", "export"]);
 
 const deleteConfirm = ref(false);
 
@@ -36,6 +37,7 @@ watch(deleteConfirm, (value) => {
     </div>
 
     <div class="buttons">
+      <DownloadIcon @click="$emit('export')" />
       <Edit2Icon v-if="editable" @click="$emit('edit')" />
       <CopyIcon @click="$emit('copy')" />
       <TrashIcon