Notifications page switches code style without explanation (plain JS to JSX)

[knisaci]

Description

The Notifications feature page shows two code examples that use inconsistent
styles without explaining why.

• The basic snap_notify example (Step 2) uses plain JavaScript.
• The "Expanded view" example immediately below uses JSX components
  (<Box>, <Text>) with no explanation that JSX is required for
  expanded view content.

This is confusing for new developers who don't understand why the two
examples look so different.

Page URL

https://docs.metamask.io/snaps/features/notifications/

Suggested fix

Add a brief note before the expanded view example clarifying that the
content field requires JSX (or the functions-based equivalent),
and link to the Custom UI docs for context.

[lannathompson65-arch]

"This page should explain why the example switches from plain Javascript to JSX, since the change in style can be confusing for readers. Adding a short note or link to the relevant Custom UI docs would make the example clearer and more consistent."

[knisaci]

Thanks. I've submitted a PR to address this, added a sentence clarifying that the content field requires JSX components, with a link to the Custom UI docs for context. Happy to adjust if the wording needs tweaking.