Refactor routing in App component to enhance navigation and improve error handling by integrating dynamic routes and updating the NotFound route.

node_modules/astro/dist/runtime/server/render/dom.js

@@ -0,0 +1,26 @@
+import { markHTMLString } from "../escape.js";
+import { renderSlotToString } from "./slot.js";
+import { toAttributeString } from "./util.js";
+function componentIsHTMLElement(Component) {
+  return typeof HTMLElement !== "undefined" && HTMLElement.isPrototypeOf(Component);
+}
+async function renderHTMLElement(result, constructor, props, slots) {
+  const name = getHTMLElementName(constructor);
+  let attrHTML = "";
+  for (const attr in props) {
+    attrHTML += ` ${attr}="${toAttributeString(await props[attr])}"`;
+  }
+  return markHTMLString(
+    `<${name}${attrHTML}>${await renderSlotToString(result, slots?.default)}</${name}>`
+  );
+}
+function getHTMLElementName(constructor) {
+  const definedName = customElements.getName(constructor);
+  if (definedName) return definedName;
+  const assignedName = constructor.name.replace(/^HTML|Element$/g, "").replace(/[A-Z]/g, "-$&").toLowerCase().replace(/^-/, "html-");
+  return assignedName;
+}
+export {
+  componentIsHTMLElement,
+  renderHTMLElement
+};