feat(units): adiciona tab de dados de unidade e adiciona imagem

src/pages/unit/UnitActionPage.vue

@@ -3,12 +3,15 @@
     <DefaultHeaderPage title="Cadastro de Unidade" />
 
     <CustomTabComponent v-model:active-tab="activeTab" :tabs />
+
+    <UnitDataTab v-if="activeTab === 'unit_data'" />
   </div>
 </template>
 
 <script setup>
 import DefaultHeaderPage from "src/components/layout/DefaultHeaderPage.vue";
 import CustomTabComponent from "src/components/shared/CustomTabComponent.vue";
+import UnitDataTab from "src/pages/unit/tabs/UnitDataTab.vue";
 import { ref } from "vue";
 
 const activeTab = ref("unit_data");

src/pages/unit/tabs/UnitDataTab.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="q-pa-md">
+    <div class="row justify-center q-mb-lg">
+      <AvatarImageComponent @update:file="onAvatarChange" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import AvatarImageComponent from "src/components/shared/AvatarImageComponent.vue";
+
+function onAvatarChange(file) {
+  console.log("Avatar file selected:", file);
+}
+</script>