feat: adiciona a linha abaixo com a metrica

src/components/charts/DashboardStatCard.vue

@@ -12,7 +12,7 @@
 
       <q-badge
         v-if="badge"
-        color="secondary"
+        :color="badgeColor"
         :label="badge"
         class="stat-badge"
       />
@@ -28,6 +28,7 @@ defineProps({
   value: { type: [String, Number], required: true },
   subtitle: { type: String, default: "" },
   badge: { type: String, default: "" },
+  badgeColor: { type: String, default: "secondary" },
 });
 </script>
 

src/pages/dashboard/DashboardPage.vue

@@ -212,6 +212,33 @@
 
         <AniversariantesCard :people="aniversariantes" />
       </div>
+
+      <div class="stat-cards-row">
+        <DashboardStatCard
+          title="Frequência Média"
+          icon="mdi-account-multiple-outline"
+          value="87%"
+          badge="Alta"
+          badge-color="positive"
+        />
+        <DashboardStatCard
+          title="Estoque Geral de Produtos"
+          icon="mdi-currency-usd"
+          value="56"
+        />
+        <DashboardStatCard
+          title="Tarefas Pendentes"
+          icon="mdi-draw"
+          value="4"
+          subtitle="Não deixe para amanhã"
+        />
+        <DashboardStatCard
+          title="Tickets Abertos"
+          icon="mdi-calendar-outline"
+          value="2"
+          subtitle="Estável"
+        />
+      </div>
     </div>
 
     <div v-else class="flex flex-center full-width q-pa-xl">