use crm- components everywhere

resources/js/pages/Dashboard.vue

@@ -1,20 +1,9 @@
 <script setup lang="ts">
 import AppLayout from '@/layouts/AppLayout.vue';
-import { dashboard } from '@/routes';
-import { Head } from '@inertiajs/vue3';
-import PlaceholderPattern from '../components/PlaceholderPattern.vue';
 import { usePage } from '@inertiajs/vue3';
-import { Trophy, ShieldCheck, Star, ArrowRight, UserCheck, UserCheck2 } from 'lucide-vue-next';
+import { Trophy, ArrowRight, UserCheck2 } from 'lucide-vue-next';
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
-import {
-    Table,
-    TableBody,
-    TableCaption,
-    TableCell,
-    TableHead,
-    TableHeader,
-    TableRow,
-} from '@/components/ui/table';
+import { Table, TableCell, TableHead, TableRow, } from '@/components/ui/table';
 
 const page = usePage();
 const token = page.props.flash?.token;
@@ -65,7 +54,8 @@ if (token) {
                         </TableRow>
                         <TableRow>
                             <TableHead class="text-right px-4">Gestellt, nicht bezahlt</TableHead>
-                            <TableCell class="text-right px-4 text-destructive font-bold tabular-nums">8.637,00 €</TableCell>
+                            <TableCell class="text-right px-4 text-destructive font-bold tabular-nums">8.637,00 €
+                            </TableCell>
                         </TableRow>
                         <TableRow class="border-b-slate-600">
                             <TableHead class="text-right px-4">Noch nicht gestellt</TableHead>
@@ -77,8 +67,7 @@ if (token) {
                         </TableRow>
                     </table>
                 </div>
-                <div
-                    class="relative flex-1 overflow-y-auto">
+                <div class="relative flex-1 overflow-y-auto">
                     Aktuelle Angebote
                 </div>
             </div>