fix: call makeCall from global store

frontend/src/components/Activities.vue

@@ -709,6 +709,7 @@ import {
   startCase,
   taskStatusOptions,
 } from '@/utils'
+import { globalStore } from '@/stores/global'
 import { usersStore } from '@/stores/users'
 import { contactsStore } from '@/stores/contacts'
 import {
@@ -724,6 +725,7 @@ import {
 import { useElementVisibility } from '@vueuse/core'
 import { ref, computed, h, defineModel, markRaw, watch, nextTick } from 'vue'
 
+const { makeCall } = globalStore()
 const { getUser } = usersStore()
 const { getContact } = contactsStore()
 

frontend/src/pages/Contact.vue

@@ -70,14 +70,14 @@
               >
                 ·
               </span>
-              <Tooltip
-                text="Make Call"
-                v-if="contact.mobile_no"
-                class="flex cursor-pointer items-center gap-1.5"
-                @click="makeCall(contact.mobile_no)"
-              >
-                <PhoneIcon class="h-4 w-4" />
-                <span class="">{{ contact.mobile_no }}</span>
+              <Tooltip text="Make Call" v-if="contact.mobile_no">
+                <div
+                  class="flex cursor-pointer items-center gap-1.5"
+                  @click="makeCall(contact.mobile_no)"
+                >
+                  <PhoneIcon class="h-4 w-4" />
+                  <span class="">{{ contact.mobile_no }}</span>
+                </div>
               </Tooltip>
               <span
                 v-if="contact.mobile_no"
@@ -229,7 +229,7 @@ import { statusesStore } from '@/stores/statuses'
 import { ref, computed, h } from 'vue'
 import { useRouter } from 'vue-router'
 
-const { $dialog } = globalStore()
+const { $dialog, makeCall } = globalStore()
 
 const { getContactByName, contacts } = contactsStore()
 const { getUser } = usersStore()

frontend/src/pages/Deal.vue

@@ -310,7 +310,7 @@ import {
 import { ref, computed, h } from 'vue'
 import { useRouter } from 'vue-router'
 
-const { $dialog } = globalStore()
+const { $dialog, makeCall } = globalStore()
 const { getContactByName, contacts } = contactsStore()
 const { organizations, getOrganization } = organizationsStore()
 const { statusOptions, getDealStatus } = statusesStore()