feat: adiciona novo Card para feriados do mes

src/components/charts/FeriadosCard.vue

@@ -0,0 +1,27 @@
+<template>
+  <q-card flat class="feriados-card card-ring">
+    <div class="flex justify-between items-center no-wrap">
+      <span class="text-subtitle2 text-weight-regular">Feriados do Mês</span>
+      <q-btn
+        flat
+        round
+        icon="mdi-calendar-star-outline"
+        color="secondary"
+        style="width: 40px; height: 40px"
+      >
+        <q-tooltip>Adicionar Feriado</q-tooltip>
+      </q-btn>
+    </div>
+  </q-card>
+</template>
+
+<script setup></script>
+
+<style scoped>
+.feriados-card {
+  border-radius: 12px;
+  padding: 20px 24px;
+  display: flex;
+  flex-direction: column;
+}
+</style>

src/pages/dashboard/DashboardPage.vue

@@ -144,6 +144,7 @@
           />
         </DashboardChartCard>
 
+        <FeriadosCard />
         <AniversariantesCard :people="aniversariantes" />
       </div>
     </div>
@@ -166,6 +167,7 @@ import DashboardStatCard from "src/components/charts/DashboardStatCard.vue";
 import DashboardChartCard from "src/components/charts/DashboardChartCard.vue";
 import GroupedBarChart from "src/components/charts/normal/GroupedBarChart.vue";
 import AniversariantesCard from "src/components/charts/AniversariantesCard.vue";
+import FeriadosCard from "src/components/charts/FeriadosCard.vue";
 import AlunosAtivosDialog from "src/pages/dashboard/components/AlunosAtivosDialog.vue";
 import ContratosCongeladosDialog from "src/pages/dashboard/components/ContratosCongeladosDialog.vue";
 import ContratosCanceladosDialog from "src/pages/dashboard/components/ContratosCanceladosDialog.vue";
@@ -480,8 +482,9 @@ onMounted(async () => {
   min-width: 0;
 }
 
-.charts-row > *:nth-child(3) {
-  flex: 1 1 100%;
+.charts-row > *:nth-child(3),
+.charts-row > *:nth-child(4) {
+  flex: 1 1 calc(50% - 8px);
   min-width: 0;
 }