chore: centralized the themeing and fix styles

apps/edr-freight-web/portal/index.css

@@ -1,42 +1 @@
 @import "tailwindcss";
-
-@custom-variant dark (&:where(.dark, .dark *));
-
-* {
-  scrollbar-width: thin;
-  scrollbar-color: rgb(203 213 225 / 0.6) transparent;
-}
-
-*::-webkit-scrollbar {
-  width: 8px;
-  height: 10px;
-}
-
-*::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-*::-webkit-scrollbar-thumb {
-  background-color: rgb(203 213 225 / 0.7);
-  border-radius: 9999px;
-}
-
-*::-webkit-scrollbar-thumb:hover {
-  background-color: rgb(51 87 141 / 0.5);
-}
-
-*::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
-.dark * {
-  scrollbar-color: rgb(71 85 105 / 0.6) transparent;
-}
-
-.dark *::-webkit-scrollbar-thumb {
-  background-color: rgb(71 85 105 / 0.6);
-}
-
-.dark *::-webkit-scrollbar-thumb:hover {
-  background-color: rgb(51 87 141 / 0.7);
-}

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

@@ -3,11 +3,11 @@ 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 App from "./App";
 import {
   AuthProvider,
-  BrandingProvider,
   configureIam,
   UserProvider,
   axiosInstance,
@@ -67,15 +67,13 @@ if (!rootElement) {
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <QueryClientProvider client={queryClient}>
-            <BrowserRouter>
-      <BrandingProvider>
+      <BrowserRouter>
         <AuthProvider>
           <UserProvider>
-              <App />
+            <App />
           </UserProvider>
         </AuthProvider>
-      </BrandingProvider>
-            </BrowserRouter>
+      </BrowserRouter>
     </QueryClientProvider>
   </StrictMode>,
 );