feat: adiciona tabela em baixo

src/pages/financial/TreasuryPage.vue

@@ -1,9 +1,89 @@
 <template>
   <div>
     <DefaultHeaderPage title="Tesouraria" :show-filter-icon="false" />
+
+    <div class="row q-pa-md q-gutter-md">
+      <FinancialCard
+        title="Saldo Total"
+        icon="mdi-bank"
+        :financial-value="0"
+        :percentage="0"
+      />
+      <FinancialCard
+        title="Banco do Brasil"
+        icon="mdi-bank-outline"
+        :financial-value="0"
+        :percentage="0"
+      />
+      <FinancialCard
+        title="Itaú Unibanco"
+        icon="mdi-bank-outline"
+        :financial-value="0"
+        :percentage="0"
+      />
+      <FinancialCard
+        title="Bradesco"
+        icon="mdi-bank-outline"
+        :financial-value="0"
+        :percentage="0"
+      />
+      <FinancialCard
+        title="Santander"
+        icon="mdi-bank-outline"
+        :financial-value="0"
+        :percentage="0"
+      />
+      <FinancialCard
+        title="Carteira"
+        icon="mdi-wallet-outline"
+        :financial-value="0"
+        :percentage="0"
+      />
+    </div>
+
+    <div class="q-px-md">
+      <DefaultTable
+      v-model:rows="rows"
+      no-api-call
+      add-item
+      title="Extrato Banco do Brasil"
+      description="registros"
+      :female="false"
+      :columns="columns"
+      @on-add-item="handleAddItem"
+    />
+    </div>
   </div>
 </template>
 
 <script setup>
+import { ref } from "vue";
 import DefaultHeaderPage from "src/components/layout/DefaultHeaderPage.vue";
+import DefaultTable from "src/components/defaults/DefaultTable.vue";
+import FinancialCard from "src/components/financial/FinancialCard.vue";
+
+const rows = ref([]);
+
+const columns = [
+  {
+    name: "description",
+    label: "Descrição",
+    field: "description",
+    align: "left",
+  },
+  {
+    name: "value",
+    label: "Valor",
+    field: "value",
+    align: "left",
+  },
+  {
+    name: "updated_at",
+    label: "Atualização",
+    field: "updated_at",
+    align: "left",
+  },
+];
+
+const handleAddItem = () => {};
 </script>