Connect CalDAV todos to DB-Items, finish todo component and add it to pipeline items

resources/js/pages/Dashboard.vue

@@ -1,21 +1,20 @@
 <script setup lang="ts">
 import Heading from '@/components/Heading.vue';
-import { onMounted, ref, computed } from "vue"
+import { onMounted, ref } from "vue"
 import AppLayout from '@/layouts/AppLayout.vue';
-import { Trophy, ArrowRight, UserCheck2, Repeat, ClipboardCheck, X, ChevronRight } from 'lucide-vue-next';
+import { Trophy, UserCheck2, X, ChevronRight } from 'lucide-vue-next';
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '@/components/ui/card'
 import Button from '@/components/ui/crm-button/Button.vue';
 import { invoices } from '@/routes';
-import { toLocalDate, toRoundedCurrency } from '@/lib/utils'
+import { toRoundedCurrency } from '@/lib/utils'
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from '@/components/ui/tooltip'
 import { Label } from '@/components/ui/label'
 import { Switch } from '@/components/ui/switch'
-import { Badge } from '@/components/ui/crm-badge'
 import { Link, usePage } from '@inertiajs/vue3';
 import axios, { AxiosError } from "axios";
 import { toast } from "vue-sonner";
-import { Todo } from "@/types";
+import { AppPageProps, Todo } from "@/types";
 import Todos from '@/components/Todos.vue';
 
 const salesStatistics = ref({
@@ -83,7 +82,7 @@ onMounted(async () => {
                         </AlertDescription>
 
                         <Button variant="ghost" class="rounded-full w-6 h-6 absolute top-0.5 right-0.5">
-                            <X  />
+                            <X />
                         </Button>
                     </Alert>
 
@@ -97,7 +96,7 @@ onMounted(async () => {
                         </AlertDescription>
 
                         <Button variant="ghost" class="rounded-full w-6 h-6 absolute top-0.5 right-0.5">
-                            <X  />
+                            <X />
                         </Button>
                     </Alert>
 
@@ -122,7 +121,7 @@ onMounted(async () => {
                     </div>
                 </CardHeader>
                 <CardContent>
-                    <Todos :modelValue="todos" :show-completed="showCompleted" />
+                    <Todos :modelValue="todos" :show-completed="showCompleted" :show-todoable="true" />
                 </CardContent>
             </Card>