fix(web): make input focusable in the whole component's area (#794)

# Summary

Fixes #793 

All web e2e tests pass. Effectively, nothing should have changed
visually.

## Test Plan

In the example app, experiment with `height`, `minHeight` and
`maxHeight` props. Write some text, so the input becomes scrollable.
Verify everything looks in place.

## Screenshots / Videos

When `minHeight` was set:

Before:


https://github.com/user-attachments/assets/211a4fa4-c4b4-47a2-b808-fce50272d865

After:


https://github.com/user-attachments/assets/cc7ba1cb-9289-4cde-ab7f-2aa50a696451

## Compatibility

| OS      | Implemented |
| ------- | :---------: |
| iOS     |    ❌     |
| Android |    ❌     |
| Web     |    ✅     |

## Checklist

- [x] E2E tests are passing
- [ ] Required E2E tests have been added (if applicable)

Author: hejsztynx

.playwright/tests/images.spec.ts

@@ -168,6 +168,7 @@ test.describe('images', () => {
 
     for (const key of toolbarOrder) {
       const editor = await focusEnrichedEditable(page);
+      await page.waitForTimeout(10);
       await editor.press('Meta+A');
       await toolbarButton(page, key).click();
       await expect

src/web/EnrichedText.css

@@ -1,12 +1,21 @@
-.tiptap.ProseMirror p {
+.eti-editor .tiptap.ProseMirror p {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.tiptap.ProseMirror-focused {
+.eti-editor .tiptap.ProseMirror-focused {
   outline: none;
 }
 
+.eti-editor .tiptap {
+  flex: 1;
+}
+
+.eti-editor {
+  display: flex;
+  flex-direction: column;
+}
+
 .et-view {
   white-space: pre-wrap;
   overflow-wrap: anywhere;