refactor: param on tooltip component

src/components/TooltipComponet.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 defineProps<{
   imgSrc: string;
+  title: string;
+  caption: string;
 }>();
 </script>
 
@@ -29,13 +31,13 @@ defineProps<{
         :class="{ 'dack-box-content': $q.dark.isActive }"
       >
         <div class="column justify-center" style="height: 100%">
-          <div class="col-4">{{ $t('branchNoMainOfficeYet') }}</div>
+          <div class="col-4">{{ $t(title) }}</div>
           <div class="col-4 q-mb-md q-px-md">
             <div
               class="content-text q-pa-sm"
               :class="{ 'dack-content-text': $q.dark.isActive }"
             >
-              {{ $t('branchClickToCreateMainOffice') }}
+              {{ $t(caption) }}
             </div>
           </div>
         </div>