add dashboard frontend

resources/js/Components/Dashboard/DashboardCard.vue

@@ -0,0 +1,25 @@
+<template>
+    <section class="">
+        <h3
+            class="text-white font-bold pb-4 text-lg flex items-center space-x-2.5">
+            <component
+                v-if="icon"
+                :is="icon"
+                class="w-6 text-icon-default"></component>
+            <span>{{ title }}</span>
+        </h3>
+        <div
+            class="rounded-lg bg-card-background border border-card-border divide-y divide-card-background-seperator">
+            <slot></slot>
+        </div>
+    </section>
+</template>
+
+<script setup lang="ts">
+import type { Component } from 'vue';
+
+defineProps<{
+    title: string;
+    icon?: Component;
+}>();
+</script>