fix(RichTextEditor): flyout modals not closing when clicked outside

[SamCreasey]

Fixes an issue where toolbar flyouts would remain open when the user clicked a different spot inside the RichTextEditor.
Also reduces the number of calls and the complexity of the blur observer by only activating it when the editor is in focus.

Linked pr: Frontify/brand-sdk#803

How to test with a guideline-block:
To be sure that you are using local code add a console.log() to the RTE component. (It will only show in edit mode since view mode uses the serialized html)

In @frontify/fondue

pnpm link --global
pnpm build

In @frontify/brand-sdk

rm -rf node_modules/.vite && rm -rf packages/guideline-blocks-settings/node_modules/.vite && pnpm build 
cd packages/guideline-blocks-settings
pnpm link --global
cd ../app-bridge
pnpm link --global

In @frontify/guideline-blocks

cd packages/text-block
pnpm i --frozen-lockfile
pnpm link --global @frontify/fondue @frontify/app-bridge @frontify/guideline-blocks-settings
rm -rf node_modules/.vite && pnpm serve

[changeset-bot]

🦋 Changeset detected

Latest commit: 01399a1

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@frontify/fondue	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[netlify]

✅ Deploy Preview for fondue-components ready!

Name	Link
🔨 Latest commit	01399a1
🔍 Latest deploy log	https://app.netlify.com/sites/fondue-components/deploys/65e6c03df729ce0007645c07
😎 Deploy Preview	https://deploy-preview-1732--fondue-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for beta-fondue-components ready!

Name	Link
🔨 Latest commit	01399a1
🔍 Latest deploy log	https://app.netlify.com/sites/beta-fondue-components/deploys/65e6c03dd19a5a00084ff679
😎 Deploy Preview	https://deploy-preview-1732--beta-fondue-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[fulopdaniel]

Shall we unsubscribe on focusout? Otherwise click in => click out => click in will have 2 listeners for the same thing, right?

[SamCreasey]

click out should always trigger the unsubscribe from the hook above

[SamCreasey]

adding the focusout handler means repeating a lot of the conditional checks that are already prevent in the document event listener (check if its in a modal or the toolbar etc). It seems like it would make sense for it to unsubscribe itself

[fulopdaniel]

yeah my bad

[github-actions]

Lead time: 3 hours, 1 minutes, 32 seconds (3.03 total hours) from first commit to close.
Review time: 2 hours, 50 minutes, 12 seconds (2.84 total hours) from ready for review to close.

• First commit: 5.3.2024, 07:37:07.
• Ready for review: 5.3.2024, 07:48:27.
• Closed: 5.3.2024, 10:38:39.