feat(freight:backoffice): added basic frontend integration with auth(login) page

apps/edr-freight-web/backoffice/src/main.tsx

@@ -2,16 +2,75 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import "@tria-plc/iamui-common/styles.css";
+import "@edr/ui-common/styles.css";
+import "../index.css";
+import "@edr/ui-common/theme.css";
 
 import App from "./App";
+import {
+  AuthProvider,
+  configureIam,
+  UserProvider,
+  axiosInstance,
+} from "@tria-plc/iamui-common";
+
+["auth-token", "refresh-token"].forEach((name) => {
+  const entry = document.cookie
+    .split("; ")
+    .find((cookie) => cookie.startsWith(`${name}=`));
+  const value = entry?.split("=").slice(1).join("=");
+  if (value === "undefined" || value === "null" || value === "") {
+    document.cookie = `${name}=; Max-Age=0; path=/`;
+  }
+});
 
 const queryClient = new QueryClient();
 
-createRoot(document.getElementById("root")!).render(
+window.__IAM_CONFIG__ = {
+  apiUrl: `${import.meta.env.VITE_BASE_API_URL}/api`,
+  postLoginPath: "/",
+};
+
+axiosInstance.interceptors.response.use((response) => {
+  if (
+    response.data &&
+    typeof response.data === "object" &&
+    "success" in response.data &&
+    "data" in response.data
+  ) {
+    response.data = response.data.data;
+  }
+  return response;
+});
+
+window.__USER_MANAGEMENT_BRANDING__ = {
+  organizationName: "EDR Platform",
+  appName: "EDR Backoffice",
+  moduleBasePath: "/user-management",
+  backToAppPath: "/",
+  backToAppLabel: "Back to dashboard",
+};
+
+configureIam({
+  apiUrl: `${import.meta.env.VITE_BASE_API_URL}/api`,
+});
+
+const rootElement = document.getElementById("root");
+
+if (!rootElement) {
+  throw new Error("Root element not found");
+}
+
+createRoot(rootElement).render(
   <StrictMode>
     <QueryClientProvider client={queryClient}>
       <BrowserRouter>
-        <App />
+        <AuthProvider>
+          <UserProvider>
+            <App />
+          </UserProvider>
+        </AuthProvider>
       </BrowserRouter>
     </QueryClientProvider>
   </StrictMode>,