Fix issue with head param when adding more than one script tag (#6639)

* fix

* Revert "fix"

This reverts commit 86783c8.

* fix

* add changeset

* fix

* add external js file functionality

* format

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>

.changeset/hip-needles-mate.md

@@ -0,0 +1,6 @@
+---
+"@gradio/app": patch
+"gradio": patch
+---
+
+fix:Fix issue with `head` param when adding more than one script tag

js/app/src/Index.svelte

@@ -150,12 +150,21 @@
 	async function add_custom_html_head(
 		head_string: string | null
 	): Promise<void> {
-		const parser = new DOMParser();
 		if (head_string) {
-			const head_html = parser.parseFromString(head_string, "text/html").head
-				.firstChild;
-			if (head_html) {
-				document.head.append(head_html);
+			const parser = new DOMParser();
+			const parsed_head_html = Array.from(
+				parser.parseFromString(head_string, "text/html").head.children
+			);
+
+			if (parsed_head_html) {
+				for (let head_element of parsed_head_html) {
+					let newScriptTag = document.createElement("script");
+					Array.from(head_element.attributes).forEach((attr) => {
+						newScriptTag.setAttribute(attr.name, attr.value);
+					});
+					newScriptTag.textContent = head_element.textContent;
+					document.head.appendChild(newScriptTag);
+				}
 			}
 		}
 	}