build(ui): adjust babel tagets

ui/src/utils/browser.ts

@@ -1,6 +1,7 @@
 export const isBrowserHappy = () => {
   try {
     if (typeof Promise.withResolvers !== "function") return false;
+    if (typeof Promise.try !== "function") return false;
     if (typeof CSS.supports !== "function") return false;
     if (!CSS.supports("color", "oklch(0 0 0)")) return false;
   } catch (_) {

ui/vite.config.ts

@@ -56,6 +56,11 @@ export default defineConfig(({ mode }) => {
       reactPlugin({}),
       legacyPlugin({
         targets: ["defaults", "not IE 11"],
+        modernTargets: "chrome>=111, firefox>=113, safari>=15.4",
+        polyfills: true,
+        modernPolyfills: true,
+        renderLegacyChunks: false,
+        renderModernChunks: true,
       }),
       tailwindcssPlugin(),
       preserveFilesPlugin(["dist/.gitkeep"]),