Data model "folder translation" drawer is covered by "Edit Folder" modal

[loongmxbt]

Preflight Checklist

• I have completed all Troubleshooting Steps.
• I'm on the latest version of Directus.
• There's no other issue that already describes my problem.

Describe the Bug

In Settings -> Data Model, after adding a folder, when try to create translations, translation drawer is under the current "Edit Folder" Modal, causing the translation hard to create.

https://www.dropbox.com/s/gh55kmlwzeak278/Data%20model%20folder%20translation%20bug.mp4?dl=0

To Reproduce

In Settings -> Data Model, after adding a folder, when try to create translations, translation drawer is under the current "Edit Folder" Modal, causing the translation hard to create.

Errors Shown

No response

What version of Directus are you using?

9.4.3

What version of Node.js are you using?

16.13.2

What database are you using?

MySQL 5.7

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying Directus?

locally

[joselcvarela]

Also it seems that label is not translated:

Just to make sure @benhaynes we should use the new translations interface here right?

[benhaynes]

Hmm, if we can, yeah. Though I think the system repeater style is easiest for short strings. @rijkvanzanten ?

[rijkvanzanten]

Yeah i'm a little torn on the UX for translating a single field 🤔

[rijkvanzanten]

Also, duplicate of #10892