fix: open invite user page from users add new agent dropdown option

(cherry picked from commit d244567b3067f2281ec7e5e9b95c035cc87ecad9)

frontend/src/components/Layouts/AppSidebar.vue

@@ -351,7 +351,7 @@ const steps = reactive([
     onClick: () => {
       minimize.value = true
       showSettings.value = true
-      activeSettingsPage.value = 'Invite Agent'
+      activeSettingsPage.value = 'Invite User'
     },
     condition: () => isManager(),
   },

frontend/src/components/Settings/Settings.vue

@@ -28,7 +28,7 @@
                     ? 'bg-surface-selected shadow-sm hover:bg-surface-selected'
                     : 'hover:bg-surface-gray-3'
                 "
-                @click="activeTab = i"
+                @click="activeSettingsPage = i.label"
               />
             </nav>
           </div>

frontend/src/components/Settings/Users.vue

@@ -27,11 +27,23 @@
           @change="(e) => changeStatus(e.target.value)"
         >
         </FormControl>
-        <Button
-          :label="__('Add User')"
-          icon-left="plus"
-          variant="solid"
-          @click="$emit('add-user')"
+        <Dropdown
+          :options="[
+            {
+              label: __('Add Existing User'),
+              onClick: () => (showAddExistingModal = true),
+            },
+            {
+              label: __('Invite New User'),
+              onClick: () => (activeSettingsPage = 'Invite User'),
+            },
+          ]"
+          :button="{
+            label: __('New'),
+            iconLeft: 'plus',
+            variant: 'solid',
+          }"
+          placement="right"
         />
       </div>
     </div>
@@ -119,6 +131,7 @@
 
 <script setup>
 import LucideCheck from '~icons/lucide/check'
+import { activeSettingsPage } from '@/composables/settings'
 import { usersStore } from '@/stores/users'
 import {
   Avatar,
@@ -132,6 +145,8 @@ import { ref, h, watch, onMounted } from 'vue'
 
 const { users: usersResource, getUserRole, isAdmin, isManager } = usersStore()
 
+const showAddExistingModal = ref(false)
+
 const users = createListResource({
   doctype: 'CRM User',
   cache: 'CRM Users',