implement BookingsManager component for managing batch bookings with search and filter functionality

apps/edr-freight-web/portal/src/components/AppLayout.tsx

@@ -160,7 +160,6 @@ export function AppLayout({
   const mutedColor = theme.colors["edr-muted"][6];
   const textColor = theme.colors["edr-text"][6];
   const accentColor = theme.colors["edr-accent"][6];
-  const bgColor = theme.colors["edr-bg"][6];
   const primaryColor = theme.colors["edr-green"][5];
   const primaryDarkColor = theme.colors["edr-green"][7];
 
@@ -254,12 +253,9 @@ export function AppLayout({
       <AppShell.Header
         withBorder={false}
         style={{
-          backdropFilter: "blur(14px)",
-          WebkitBackdropFilter: "blur(14px)",
-          // Light translucent surface with a faint green-tinted wash on the
-          // right, a hairline base, and a soft drop so it floats above content.
-          background:
-            "linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.78) 100%)",
+          // Solid white surface with a hairline base and a soft drop so it
+          // floats above the content area.
+          background: "#FFFFFF",
           borderBottom: `1px solid ${borderColor}`,
           boxShadow: "0 1px 12px rgba(16,24,40,0.04)",
         }}
@@ -512,10 +508,8 @@ export function AppLayout({
       <AppShell.Navbar
         withBorder={false}
         style={{
-          // Soft light wash — a barely-there green tint at the top fading to
-          // white, so the rail reads as its own clean surface.
-          background:
-            "linear-gradient(180deg, #F4FAF7 0%, #FBFDFC 22%, #FFFFFF 100%)",
+          // Clean white rail.
+          background: "#FFFFFF",
           borderRight: `1px solid ${borderColor}`,
           display: "flex",
           flexDirection: "column",
@@ -802,11 +796,7 @@ export function AppLayout({
       {/* ── Main ── */}
       <AppShell.Main
         style={{
-          backgroundColor: bgColor,
-          backgroundImage:
-            "radial-gradient(58% 42% at 100% 0%, rgba(14,163,113,0.18) 0%, rgba(14,163,113,0.08) 38%, rgba(14,163,113,0.04) 72%)",
-          backgroundRepeat: "no-repeat",
-          backgroundAttachment: "fixed",
+          backgroundColor: "#F1F5F9",
         }}
       >
         {children}