frontend: react+mui (#3004)

* mui v5 wip

* wip

* wip

* wip

* use compressor for all controlplane endpoints

* wip

* wip

* add deps

* fix authenticate URL

* fix test

* fix test

* fix build

* maybe fix build

* fix integration test

* remove image asset test

* add yarn.lock

ui/src/components/JwtIcon.tsx

@@ -0,0 +1,59 @@
+import createSvgIcon from "@mui/material/utils/createSvgIcon";
+import React from "react";
+
+const JwtIcon = createSvgIcon(
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 15 15"
+  >
+    <path
+      style={{
+        stroke: "none",
+        fillRule: "evenodd",
+        fill: "#fff",
+        fillOpacity: 1
+      }}
+      d="M8.586 4.04 8.57.042H6.34l.015 3.996L7.47 5.57ZM6.355 10.887v4.008h2.23v-4.008L7.47 9.355Zm0 0"
+    />
+    <path
+      style={{
+        stroke: "none",
+        fillRule: "evenodd",
+        fill: "#00f2e6",
+        fillOpacity: 1
+      }}
+      d="m8.586 10.887 2.344 3.238 1.797-1.309-2.344-3.238L8.586 9ZM6.355 4.04 3.996.8 2.2 2.11l2.344 3.238 1.812.578Zm0 0"
+    />
+    <path
+      style={{
+        stroke: "none",
+        fillRule: "evenodd",
+        fill: "#00b9f1",
+        fillOpacity: 1
+      }}
+      d="m4.543 5.348-3.8-1.235-.684 2.11 3.804 1.246 1.797-.594ZM9.266 8.05l1.117 1.528 3.8 1.235.684-2.11-3.805-1.234Zm0 0"
+    />
+    <path
+      style={{
+        stroke: "none",
+        fillRule: "evenodd",
+        fill: "#d63aff",
+        fillOpacity: 1
+      }}
+      d="m11.063 7.469 3.804-1.246-.683-2.11-3.801 1.235-1.117 1.527ZM3.863 7.469.06 8.703l.683 2.11 3.801-1.235L5.66 8.051Zm0 0"
+    />
+    <path
+      style={{
+        stroke: "none",
+        fillRule: "evenodd",
+        fill: "#fb015b",
+        fillOpacity: 1
+      }}
+      d="m4.543 9.578-2.344 3.238 1.797 1.309 2.36-3.238V9ZM10.383 5.348l2.344-3.239L10.93.801 8.586 4.039v1.887Zm0 0"
+    />
+  </svg>,
+  "JWT"
+);
+export default JwtIcon;