refactor: move ambient module extension into global type.d.ts file

extract it from index.tsx
allow for extension by importing solid-js itself to not overwrite but extend and make HTMLAttributes known
see: solidjs/solid#616 (comment) and https://github.com/solidjs/solid/blob/89baf1206a1df27ab5a666b6c31729fd1505e341/packages/solid/h/jsx-runtime/src/jsx.d.ts

packages/frontend/src/index.tsx

@@ -5,27 +5,6 @@ import { render } from "solid-js/web";
 import "./index.css";
 import { App } from "./components/App";
 
-// https://stackoverflow.com/a/72239265/10323879
-declare module "solid-js" {
-  namespace JSX {
-    interface IntrinsicElements {
-      "ui5-table": HTMLAttributes<HTMLElement>; //JSX.IntrinsicElements["table"];
-      "ui5-table-column": HTMLAttributes<HTMLElement>;
-      "ui5-table-row": HTMLAttributes<HTMLElement>;
-      "ui5-table-cell": HTMLAttributes<HTMLElement>;
-      "ui5-badge": HTMLAttributes<HTMLElement>;
-      "ui5-button": HTMLAttributes<HTMLElement>;
-      "ui5-toast": HTMLAttributes<HTMLElement>;
-      "ui5-input": HTMLAttributes<HTMLElement> & {
-        "show-clear-icon"?: boolean;
-        value?: string;
-        placeholder?: string;
-      };
-      "ui5-icon": HTMLAttributes<HTMLElement> & { name: string; slot: string };
-    }
-  }
-}
-
 render(
   () => (
     <Router>

packages/frontend/src/types.d.tsx

@@ -0,0 +1,22 @@
+import "solid-js"; //thanks to: https://github.com/solidjs/solid/issues/616#issuecomment-904193450
+
+// https://stackoverflow.com/a/72239265/10323879
+declare module "solid-js" {
+  namespace JSX {
+    interface IntrinsicElements {
+      "ui5-table": HTMLAttributes<HTMLElement>; //JSX.IntrinsicElements["table"];
+      "ui5-table-column": HTMLAttributes<HTMLElement>;
+      "ui5-table-row": HTMLAttributes<HTMLElement>;
+      "ui5-table-cell": HTMLAttributes<HTMLElement>;
+      "ui5-badge": HTMLAttributes<HTMLElement>;
+      "ui5-button": HTMLAttributes<HTMLElement>;
+      "ui5-toast": HTMLAttributes<HTMLElement>;
+      "ui5-input": HTMLAttributes<HTMLElement> & {
+        "show-clear-icon"?: boolean;
+        value?: string;
+        placeholder?: string;
+      };
+      "ui5-icon": HTMLAttributes<HTMLElement> & { name: string; slot: string };
+    }
+  }
+}