feat(contract): adiciona tabela sem chamada de api na pagina

src/pages/contracts/ContractPage.vue

@@ -1,9 +1,54 @@
 <template>
   <div>
-    <DefaultHeaderPage title="Contratos" />
+    <DefaultHeaderPage title="Contratos" show-filter-icon />
+
+    <DefaultTable
+      :columns
+      no-api-call
+      :rows
+      title="Lista de Contratos"
+      descricao="Contratos"
+      :feminino="false"
+    />
   </div>
 </template>
 
 <script setup>
+import DefaultTable from "src/components/defaults/DefaultTable.vue";
 import DefaultHeaderPage from "src/components/layout/DefaultHeaderPage.vue";
+import { ref } from "vue";
+
+const rows = ref([]);
+
+const columns = ref([
+  {
+    name: "student_name",
+    field: "student_name",
+    label: "Nome",
+    align: "left",
+  },
+  {
+    name: "unit_name",
+    field: "unit_name",
+    label: "Unidade",
+    align: "left",
+  },
+  {
+    name: "signature_date",
+    field: "signature_date",
+    label: "Data da Assinatura",
+    align: "center",
+  },
+  {
+    name: "status",
+    field: "status",
+    label: "Status",
+    align: "center",
+  },
+  {
+    name: "actions",
+    label: "Ações",
+    align: "center",
+  },
+]);
 </script>