fix: Workaround to prevent Monaco loose a focus and handle "tab" key as text modifier

[bk201-]

Fixes #2431

This pull request includes changes to the MonacoEditor component in src/webviews/MonacoEditor.tsx to improve focus management and accessibility. The most important changes include importing a new hook, using the hook to manage focus, and updating the component's return structure to include an input element for accessibility.

Focus management improvements:

• src/webviews/MonacoEditor.tsx: Imported the useUncontrolledFocus hook from @fluentui/react-components.
• src/webviews/MonacoEditor.tsx: Utilized the useUncontrolledFocus hook within the MonacoEditor component to manage focus attributes.
• src/webviews/MonacoEditor.tsx: Updated the return structure of the MonacoEditor component to include a section element with focus attributes and an input element to prevent losing focus from the editor.

[tnaum-ms]

I reviewed the functionality of this PR and did not observe any negative side effects.

I added a change to make the input box invisible.

However, I am unsure how to verify whether the solution remains "accessible" for screen readers and other assistive technologies.
@sevoku Is it a manual check or is there a tool that we could run here?

[sevoku]

It'd be a manual check, however if it's still accessible using Narrator, it'd be rather a usability issue, so let's have a separate follow up bug and fix it later in that case (or it gets fixed upstream).

[tnaum-ms]

Okay, I gave it a try with the Narrator. With and without this PR, usability with Narrator is frustrating. However, regarding this PR, it’s not a step backward.