feat: support GitHub flavored markdown paste (#5225)

Markdown paste now generate html elements. This unlocks us supporting
more features:

**strikethrough**

`~~text~~` -> <del>text</del>

**tables**

```
| Header 1   | Header 2   |
|------------|------------|
| Cell 1.1   | Cell 1.2   |
| Cell 2.1   | Cell 2.2   |
```

*autolinks*

```
The link is https://github.com
```

is converted to

```html
<p>This link is <a href="https://github.com">https://github.com</a></p>
```
<img width="559" alt="Screenshot 2025-05-20 at 16 44 53"
src="https://github.com/user-attachments/assets/48508140-9791-47f6-b1c1-3b2946dd5583"
/>

<img width="514" alt="image"
src="https://github.com/user-attachments/assets/dc19e67a-0067-458f-bf3c-64d9b73d02e3"
/>

Author: TrySound

apps/builder/app/shared/copy-paste/asset-upload.ts

@@ -4,12 +4,6 @@ import { nanoid } from "nanoid";
 import { produce, enablePatches, type Patch, applyPatches } from "immer";
 
 enablePatches();
-
-type StringProp = Extract<
-  WebstudioFragment["props"][number],
-  { type: "string" }
->;
-
 const extractSrcProps = (
   data: WebstudioFragment
 ): [propId: string, href: string][] => {
@@ -22,17 +16,20 @@ const extractSrcProps = (
       .map((instance) => instance.id)
   );
 
-  const srcProps = data.props
-    .filter(
-      (prop): prop is StringProp =>
-        prop.type === "string" &&
-        prop.name === "src" &&
-        imageComponentsSet.has(prop.instanceId)
-    )
-    .map(
-      (prop) =>
-        [prop.id, new URL(prop.value).href] as [propId: string, href: string]
-    );
+  const srcProps: [propId: string, href: string][] = [];
+  for (const prop of data.props) {
+    if (
+      prop.type === "string" &&
+      prop.name === "src" &&
+      imageComponentsSet.has(prop.instanceId)
+    ) {
+      try {
+        srcProps.push([prop.id, new URL(prop.value).href]);
+      } catch {
+        // ignore when invalid url
+      }
+    }
+  }
 
   return srcProps;
 };