feat: add NcFormBoxSwitch

[ShGKme]

☑️ Resolves

• A switch toggle for the button
• Based on: feat: add NcFormBoxButton #7779

⚠️ Why not NcCheckboxRadioSwitch

• The design is quite different — I do not want to introduce the 3rd structure to a super component
• Much can be reused with NcFormBoxButton
• Switch toggle is a straightforward UI element, it doesn't need everything we have for checkboxes, radio, shift+click features as well as being in a group

🖼️ Screenshots

Accessible input position:

🏁 Checklist

• ⛑️ Tests are included or are not applicable
• 📘 Component documentation has been extended, updated or is not applicable
• 2️⃣ Backport to stable8 for maintained Vue 2 version or not applicable

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 51.57%. Comparing base (b0a5563) to head (b4d47e1).
⚠️ Report is 4 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #7781   +/-   ##
=======================================
  Coverage   51.57%   51.57%           
=======================================
  Files          96       96           
  Lines        3143     3143           
  Branches      863      863           
=======================================
  Hits         1621     1621           
  Misses       1274     1274           
  Partials      248      248           

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

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[GVodyanov]

Tested and the code looks good!

[ShGKme]

Rebased after merging the base component

[susnux]

Code looks good, I do not think we need duplicated events but 🤷

[kra-mo]

Looks good, but quickly toggling it causes the text to be selected.

Could we somehow disable the double-click to select text behavior? Or more generally, disable text selection for FormBoxButton and co. maybe?

Edit: Actually yes, it seems to not happen with FormBoxButton despite the text still being selectable there too. So I'm guessing this should receive the same treatment?

[ShGKme]

@kra-mo user selection is disabled in both components. What web-browser you are testing with?

[kra-mo]

@kra-mo user selection is disabled in both components. What web-browser you are testing with?

Interesting because it does work for one but not the other. macOS Safari.

[ShGKme]

I was just about to push removing the event you didn't want to have, split them into a separated PR =\

[ShGKme]

I'll consider your merge as "I like the events" then 👀

[ShGKme]

/backport to stable8