🔗 Link copy should not include zero-width space (#260)

The zero-width space is used for formatting.
This is now turned into a `<wbr>` tag, which doesn't copy to clipboard.

.changeset/plenty-bears-applaud.md

@@ -0,0 +1,5 @@
+---
+'myst-to-react': patch
+---
+
+Improve link URL copying

packages/myst-to-react/src/basic.tsx

@@ -81,7 +81,22 @@ type BasicNodeRenderers = {
 
 const BASIC_RENDERERS: BasicNodeRenderers = {
   text({ node }) {
-    return <>{node.value}</>;
+    // Change zero-width space into `<wbr>` which is better for copying
+    // These are used in links, and potentially other long words
+    if (!node.value?.includes('​')) {
+      return <>{node.value}</>;
+    }
+    const text = node.value.split('​');
+    return (
+      <>
+        {text.map((v, i) => (
+          <>
+            {v}
+            {i < text.length - 1 && <wbr />}
+          </>
+        ))}
+      </>
+    );
   },
   span({ node }) {
     // style={node.style}