feat(inline-edit): aligned focus order (#DS-4210)

[NikGurev]

Redesigned the focus logic, following the UX principle: 'content first, everything else after.'
Initially wanted to implement it using CdkFocusTrap and focus delegation, but realized that this approach works differently across browsers.
In the end, implemented it natively by adding an overlay that renders the focus border.
This way, the focus order became correct:

Content -> Overlay (with focus border) -> Menu

---

Press for description in ru-RU

Переделал логику фокусировки, следуя UX-правилу: "сначала контент, потом все остальное".

Сначала хотел реализовать с помощью CdkFocusTrap и прокидыванием фокуса, но понял, что такой подход в браузерах работает по-разному.

По итогу, реализовал нативно, добавив оверлей, который отрисовывает рамку фокуса.

Таким образом, порядок фокусировки стал верный:

Контент -> Оверлей (с рамкой фокуса) -> Меню

[github-actions]

Visit the preview URL for this PR (updated for commit ca0d162):

https://koobiq-next--prs-1052-2zmlglxv.web.app

_{(expires Wed, 22 Oct 2025 09:36:11 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: c9e37e518febda70d0317d07e8ceb35ac43c534c}

[rmnturov]

мультивыбор тего сделать не получается, таким образом синий фон тега не нужен. достаточно рамки фокуса. иоя идея в том, что если мультивыбора нет, то отдельное состояние selected не надо никак обозначать, достаточно фокуса, чтобы удалить, редактировать тег и тп. надо в кооперации с Артемом это решить, напрямую это не относится в задаче про порядок фокуса

[NikGurev]

@rmnturov убрал пример с тегами, заменил на бейджи