Replace custom input field with NcTextField

[JuliaKirschenheuter]

• Resolves: [BITV] 9.3.3.2/2.1 - Modal dialog "Online status" - The input field "What is your status" has a label, but it is not available to visually impaired users due to the use of "hidden-visually." (1) #37083
  ⚠️ Blocked by Bump @nextcloud/vue to v8 beta 5 + add some visible labels #40084

Summary

Replace custom input field with NcInputField

Before	After

Checklist

• Code is properly formatted
• Sign-off message is added to all commits
• Tests (unit, integration, api and/or acceptance) are included
• Screenshots before/after for front-end changes
• Documentation (manuals or wiki) has been updated or is not required
• Backports requested where applicable (ex: critical bugfixes)

[ShGKme]

Not really related to this PR, but should we also add aria-label and aria-haspopup to the emoji picker button here for a11y?

[JuliaKirschenheuter]

Not really related to this PR, but should we also add aria-label and aria-haspopup to the emoji picker button here for a11y?

@ShGKme could you please open new NcVue issue regarding this? Thanks a lot!

[ShGKme]

@ShGKme could you please open new NcVue issue regarding this? Thanks a lot!

A trigger button is not a part of <NcEmojiPicker>, it's passed via slot. So those attrs should be set where the component is used.

Not sure about aria-label here because the button also has the text (emoji itself). Maybe it should be aria-description.