add invitations tab to members page

resources/js/Components/Common/Member/MemberInviteModal.vue

@@ -23,6 +23,8 @@ const addTeamMemberForm = useForm({
     role: null as string | null,
 });
 
+const emit = defineEmits(['close']);
+
 async function submit() {
     const organizationId = getCurrentOrganizationId();
     if (organizationId) {
@@ -31,6 +33,7 @@ async function submit() {
             preserveScroll: true,
             onSuccess: () => {
                 addTeamMemberForm.reset();
+                emit('close');
                 show.value = false;
             },
         });

resources/js/Components/Common/Member/MemberTable.vue

@@ -1,17 +1,18 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { onMounted } from 'vue';
 import { storeToRefs } from 'pinia';
-import ClientCreateModal from '@/Components/Common/Client/ClientCreateModal.vue';
 import MemberTableHeading from '@/Components/Common/Member/MemberTableHeading.vue';
 import MemberTableRow from '@/Components/Common/Member/MemberTableRow.vue';
 import { useMembersStore } from '@/utils/useMembers';
 
 const { members } = storeToRefs(useMembersStore());
-const createClient = ref(false);
+
+onMounted(async () => {
+    await useMembersStore().fetchMembers();
+});
 </script>
 
 <template>
-    <ClientCreateModal v-model:show="createClient"></ClientCreateModal>
     <div class="flow-root max-w-[100vw] overflow-x-auto">
         <div class="inline-block min-w-full align-middle">
             <div