feat(freight:backoffice): added login page and basic authorization

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

@@ -1,60 +1,33 @@
 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";
+import { AuthProvider } from "./auth/AuthProvider";
 
-["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 THEME_STORAGE_KEY = "edr-theme";
+
+const applyStoredTheme = () => {
+  const storedTheme = window.localStorage.getItem(THEME_STORAGE_KEY);
+  const prefersDark = window.matchMedia?.("(prefers-color-scheme: dark)").matches;
+  const theme = storedTheme === "dark" || storedTheme === "light"
+    ? storedTheme
+    : prefersDark
+      ? "dark"
+      : "light";
+
+  if (theme === "dark") {
+    document.documentElement.classList.add("dark");
+    return;
   }
-});
 
-const queryClient = new QueryClient();
-
-window.__IAM_CONFIG__ = {
-  apiUrl: `${import.meta.env.VITE_BASE_API_URL}/api`,
-  postLoginPath: "/",
+  document.documentElement.classList.remove("dark");
 };
 
-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`,
-});
+applyStoredTheme();
 
 const rootElement = document.getElementById("root");
 
@@ -64,14 +37,10 @@ if (!rootElement) {
 
 createRoot(rootElement).render(
   <StrictMode>
-    <QueryClientProvider client={queryClient}>
-      <BrowserRouter>
-        <AuthProvider>
-          <UserProvider>
-            <App />
-          </UserProvider>
-        </AuthProvider>
-      </BrowserRouter>
-    </QueryClientProvider>
+    <BrowserRouter>
+      <AuthProvider>
+        <App />
+      </AuthProvider>
+    </BrowserRouter>
   </StrictMode>,
 );