feat: vue router and quality of life icons

resources/ts/components/TaskItem.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onBeforeMount, ref, watch, computed, defineAsyncComponent } from "vue";
 import type { Task } from "@/types";
-import { Copy, Trash, Save, X } from "@lucide/vue";
+import { CopyIcon, TrashIcon, SaveIcon, XIcon } from "@lucide/vue";
 import { updateTask } from "@/api/tasks";
 const CronInput = defineAsyncComponent(
     () => import("@/components/CronInput.vue"),
@@ -135,20 +135,20 @@ watch(task, () => {
             <div class="flex flex-col gap-2">
                 <div class="flex justify-evenly">
                     <button class="btn btn-square me-1" @click="onClose">
-                        <X />
+                        <x-icon />
                     </button>
                     <button class="btn btn-square me-1" @click="onSave">
-                        <Save />
+                        <save-icon />
                     </button>
                     <button class="btn btn-square me-1" @click="onClone">
-                        <Copy />
+                        <copy-icon />
                     </button>
                     <button class="btn btn-square" @click="onDelete">
-                        <Trash />
+                        <trash-icon />
                     </button>
                 </div>
                 <input v-model="editName" type="text" class="input w-full" />
-                <CronInput v-model="editCron" :edit-mode="editMode" />
+                <cron-input v-model="editCron" :edit-mode="editMode" />
             </div>
         </template>
     </div>