fix: fixed actions button around wrapper text input and tried to add focus on wrapper

[SaraBianchi]

The idea of flow

1. After the first tab on the title we have a focus on input slate field 1.a Now we are inside of slate editor, for change block we need to use the arrow up and the arrow down (↑, ↓) 1.b Pressing the Esc key the focus exit the editor and go to the external wrapper (2)
2. Add an AriaDescribedby on wrapper to identify a block 2.a We insert a group of actions, add, delete and drag and drop, and return into wrapper, with Tab key navigate these actions on infinite loop 2.b When we are on wrapper action, pressing Enter key we go to edit the text on input slate field (1) 2.c The others actions can be activate with Enter key also (default behavior)

Issues: #5204

Pr: #6314 #5271

[netlify[bot]]

✅ Deploy Preview for plone-components canceled.

Name	Link
🔨 Latest commit	62640115bf7c2e59d02fd133b7053565fb2d70c2
🔍 Latest deploy log	https://app.netlify.com/sites/plone-components/deploys/66f6904c7d1d1200080b9edc

[Wagner3UB]

@SaraBianchi We need to explain more clearly what we need to do, what we intend to accomplish, and our overall idea. Maybe someone can help us with this situation.

[github-actions[bot]]

Hi There! 👋

We haven't seen any activity on this pull request in a while :sleeping:, and we want to make sure that it's still relevant. Please let us know by:

• adding a comment about what needs to be done next 💬
• updating its status and other labels 🏷️

Otherwise close this pull request. 🧹