Make MultiSelects searchable after some threshold

dashboard/src/components/UserDialog.vue

@@ -233,7 +233,7 @@ defineExpose({
         <FormGroup>
           <label for="groupsInput">{{ $t('users.user.groups') }}</label>
           <div v-if="allGroups.length === 0">{{ $t('users.user.noGroups') }}</div>
-          <MultiSelect v-if="allLocalGroups.length" v-model="localGroups" :options="allLocalGroups" />
+          <MultiSelect v-if="allLocalGroups.length" v-model="localGroups" :options="allLocalGroups" :search-threshold="20" />
         </FormGroup>
 
         <Checkbox v-model="active" :disabled="isSelf" :label="$t('users.user.activeCheckbox')" style="display: inline-flex; margin-right: 6px;" /><sup><a href="https://docs.cloudron.io/user-management/#disable-user" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup><br/>