refactor: update type casting and clean up imports

- Add type casting for route.meta.title in index.vue
- Update tailwind css path in components.json
- Remove unused imports and simplify dashboard component

app/components/flow/dashboard/index.vue

@@ -1,9 +1,5 @@
 <script setup lang="ts">
-import { Activity, CreditCard, DollarSign, Users, UserCheck, UsersRound, Calendar, Hospital } from 'lucide-vue-next'
-
-definePageMeta({
-  roles: ['sys', 'doc'],
-})
+import { Calendar, Hospital, UserCheck, UsersRound } from 'lucide-vue-next'
 
 const dataCard = ref({
   totalRevenue: 0,
@@ -166,10 +162,10 @@ onMounted(() => {
           </CardHeader>
           <CardContent class="grid cursor-pointer gap-8 md:grid-cols-4 md:gap-8">
             <Card
-              v-for="item in linkItems"
-              :key="item"
+            v-for="item in linkItems"
+            :key="item.title"
               class="border-primary hover:bg-primary my-2 h-32 border transition-colors duration-200 hover:bg-gray-200"
-            >
+              >
               <NuxtLink :to="item.link">
                 <CardContent class="my-2 grid h-full grid-rows-2 place-items-center">
                   <Icon :name="item.icon" class="text-primary h-9 w-[60px]" />

app/pages/index.vue

@@ -8,7 +8,7 @@ definePageMeta({
 
 const route = useRoute()
 useHead({
-  title: () => route.meta.title,
+  title: () => route.meta.title as string,
 })
 </script>
 

components.json

@@ -4,7 +4,7 @@
   "typescript": true,
   "tailwind": {
     "config": "",
-    "css": "app/assets/css/tailwind.css",
+    "css": "app/assets/css/main.css",
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""