Start working on UI

app/three/utils/utils.ts

@@ -16,3 +16,19 @@ export function getCenter3D(extent: Extent) {
     (extent.zmax + extent.zmin) / 2
   );
 }
+
+export async function getMetadata(serviceUrl: string) {
+  const response = await fetch(serviceUrl, {
+    method: "GET",
+    mode: "cors",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+
+  if (response.ok) {
+    return response.json();
+  } else {
+    throw new Error("HTTP error status: " + response.status);
+  }
+}