feat(dashboard,admin-vite-plugin,admin-bundler,admin-sdk): Rework admin extensions and introduce custom fields API (#9338)

packages/admin/dashboard/src/app.tsx

@@ -1,30 +1,26 @@
-import { Toaster, TooltipProvider } from "@medusajs/ui"
-import { QueryClientProvider } from "@tanstack/react-query"
-import { HelmetProvider } from "react-helmet-async"
-
-import { I18n } from "./components/utilities/i18n"
-import { queryClient } from "./lib/query-client"
-import { I18nProvider } from "./providers/i18n-provider"
+import { DashboardExtensionManager } from "./extensions"
+import { Providers } from "./providers/providers"
 import { RouterProvider } from "./providers/router-provider"
-import { ThemeProvider } from "./providers/theme-provider"
+
+import displayModule from "virtual:medusa/displays"
+import formModule from "virtual:medusa/forms"
+import menuItemModule from "virtual:medusa/menu-items"
+import widgetModule from "virtual:medusa/widgets"
 
 import "./index.css"
 
 function App() {
+  const manager = new DashboardExtensionManager({
+    displayModule,
+    formModule,
+    menuItemModule,
+    widgetModule,
+  })
+
   return (
-    <HelmetProvider>
-      <QueryClientProvider client={queryClient}>
-        <ThemeProvider>
-          <I18n />
-          <TooltipProvider>
-            <I18nProvider>
-              <RouterProvider />
-            </I18nProvider>
-          </TooltipProvider>
-          <Toaster />
-        </ThemeProvider>
-      </QueryClientProvider>
-    </HelmetProvider>
+    <Providers api={manager.api}>
+      <RouterProvider />
+    </Providers>
   )
 }