fix(NcFormBox): use text-wrap: pretty in items

[ShGKme]

☑️ Resolves

• Fix [NcFormBox] Use text-wrap: pretty for FormBox* components where supported #7842
• Thanks @kra-mo for a performance-related research
• Keeping it as draft until know if other form items should have it as well

🏁 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

[ShGKme]

/backport to stable8

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 51.75%. Comparing base (eac1b94) to head (8ba3974).

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #7855   +/-   ##
=======================================
  Coverage   51.75%   51.75%           
=======================================
  Files          98       98           
  Lines        3169     3169           
  Branches      871      871           
=======================================
  Hits         1640     1640           
  Misses       1279     1279           
  Partials      250      250           

☔ 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.

[kra-mo]

Copy-pasting from the issue:

@kra-mo Only the interactive items, or anything else as well?

Such us the groups headings/description, shortcuts labels etc.

No strong opinions. I found the wrapping odd for interactive elements only because of the trailing icon/switch.

At least for shortcuts labels, that would also apply because of the keys on the right side. For other things, it's your call.