UI: Improve filtering of VM and template settings

[bernardodemarco]

Description

When manipulating VM and template settings, the UI provides a dropdown with the available setting names and values. However, if a user first adds a setting and then tries to add another, the dropdown only shows the previously added setting's name and value.

Furthermore, whenever the user types a character into the setting name input field, a Vue warning is thrown in the console, stating that an incorrect value type has been passed to the options prop of the a-auto-complete component.

Therefore, this PR improves VM and template settings filtering by always displaying the available setting names and their values, even when a setting has already been added. Besides that, the Vue warning has been properly fixed.

---

Fixes #8074

Types of changes

• Breaking change (fix or feature that would cause existing functionality to change)
• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Enhancement (improves an existing feature and functionality)
• Cleanup (Code refactoring and cleanup, that may add test cases)
• build/CI
• test (unit or integration test code)

Bug Severity

• BLOCKER
• Critical
• Major
• Minor
• Trivial

Screenshots (if appropriate):

How Has This Been Tested?

1. When adding the first setting of a VM/template, I verified that all available setting names and their values were displayed correctly in the dropdowns.
2. I then added another setting, and all available setting names and their values were also displayed correctly.
3. When typing the setting name in the input field, I confirmed that no warnings were thrown.

[bernardodemarco]

@blueorangutan ui

[blueorangutan]

@bernardodemarco a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 15.81%. Comparing base (1d4700a) to head (216bbfb).
Report is 30 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##               main    #9683    +/-   ##
==========================================
  Coverage     15.81%   15.81%            
+ Complexity    12554    12553     -1     
==========================================
  Files          5629     5629            
  Lines        492029   492031     +2     
  Branches      62293    61892   -401     
==========================================
+ Hits          77811    77812     +1     
- Misses       405894   405896     +2     
+ Partials       8324     8323     -1     

Flag	Coverage Δ
uitests	4.48% <ø> (-0.01%)	⬇️
unittests	16.60% <ø> (+<0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[blueorangutan]

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/9683 (QA-JID-448)

[DaanHoogland]

lgtm, tested in qa

[rohityadavcloud]

LGTM didn't test it though

[sureshanaparti]

clgtm