use new button component

Signed-off-by: Vanessa Pertsch <vanessa.pertsch@nextcloud.com>

Signed-off-by: Vanessa Pertsch <vanessa.pertsch@posteo.com>
Signed-off-by: Vanessa Pertsch <vanessa.pertsch@posteo.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>

apps/settings/src/components/UserList.vue

@@ -142,12 +142,12 @@
 				<div v-if="showConfig.showUserBackend" class="userBackend" />
 				<div v-if="showConfig.showLastLogin" class="lastLogin" />
 				<div class="user-actions">
-					<button id="newsubmit"
-						class="button primary"
-						type="submit"
+					<Button id="newsubmit"
+						type="primary"
+						native-type="submit"
 						value="">
 						{{ t('settings', 'Add a new user') }}
-					</button>
+					</Button>
 				</div>
 			</form>
 		</Modal>
@@ -234,8 +234,8 @@
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 import InfiniteLoading from 'vue-infinite-loading'
 import Vue from 'vue'
-import { Modal } from '@nextcloud/vue'
-
+import Modal from '@nextcloud/vue/dist/Components/Modal'
+import Button from '@nextcloud/vue/dist/Components/Button'
 import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
 
 import userRow from './UserList/UserRow'
@@ -269,6 +269,7 @@ export default {
 		userRow,
 		Multiselect,
 		InfiniteLoading,
+		Button,
 	},
 	props: {
 		users: {