styles: refactor codebase base style

src/app/(modules)/layout.tsx

@@ -13,13 +13,12 @@ const ModulesLayout = ({
 }>) => {
   return (
     <AuthGuard>
-      <SidebarProvider className="bg-transparent overflow-hidden">
-        <AppSidebar className="bg-transparent" />
-        <main className="flex flex-1 flex-col w-full h-screen overflow-hidden bg-transparent">
+      <SidebarProvider>
+        <AppSidebar />
+        <main className="flex flex-1 flex-col w-full h-screen overflow-hidden">
           <div className="flex-1 overflow-auto">
-            {/* Centering container wrapper */}
             <div className="max-w-380 mx-auto w-full flex flex-col min-h-full">
-              <div className="flex gap-3 items-center sticky top-0 bg-background/30 backdrop-blur-xl z-30 py-3 px-6 border-b border-border/10">
+              <div className="flex gap-3 items-center sticky top-0 bg-background z-50 py-3 px-6 border-b border-border">
                 <SidebarTrigger />
                 <ModeToggle />
                 <Separator orientation="vertical" className="mx-2 h-4" />