feat: Optimize StaticHtml component for React js 🚀 (#14917)

* feat: Optimize StaticHtml component for React js

Refactors the StaticHtml component to use React.memo for efficient static HTML rendering, improving performance and compatibility.

* Add Changset 🌟

* Update .changeset/tough-days-sell.md

Co-authored-by: Florian Lefebvre <contact@florian-lefebvre.dev>

* Update .changeset/tough-days-sell.md

More detailed changeset.

Co-authored-by: Sarah Rainsberger <5098874+sarah11918@users.noreply.github.com>

---------

Co-authored-by: Florian Lefebvre <contact@florian-lefebvre.dev>
Co-authored-by: Sarah Rainsberger <5098874+sarah11918@users.noreply.github.com>

Author: 3 people

.changeset/tough-days-sell.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/react': patch
+---
+
+Refactors to improve the performance of rendering static HTML content in React

packages/integrations/react/src/static-html.ts

@@ -1,4 +1,4 @@
-import { createElement as h } from 'react';
+import { createElement as h, memo } from 'react';
 
 /**
  * Astro passes `children` as a string of HTML, so we need
@@ -26,12 +26,10 @@ const StaticHtml = ({
 };
 
 /**
- * This tells React to opt-out of re-rendering this subtree,
- * In addition to being a performance optimization,
- * this also allows other frameworks to attach to `children`.
- *
- * See https://preactjs.com/guide/v8/external-dom-mutations
+ * React.memo is the modern functional equivalent of shouldComponentUpdate.
+ * 
+ * By returning `true` in the comparison function (the second argument),
+ * we tell React that the props are "equal" and it should skip re-rendering,
+ * effectively making this subtree static.
  */
-StaticHtml.shouldComponentUpdate = () => false;
-
-export default StaticHtml;
+export default memo(StaticHtml, () => true);