feat: remove default inner padding for dashboard pages

web/src/layout/DashboardLayout.tsx

@@ -19,16 +19,17 @@ const DashboardLayout: FC = () => {
             </div>
           </div>
 
-          <CardContent className="w-full space-y-4 flex-1" spacing={false}>
+          <CardContent
+            className="w-full space-y-4 flex-1 bg-black/5 dark:bg-white/5"
+            spacing={false}
+          >
             <div className="flex flex-row">
               <Sidebar />
-              <div className="sm:p-4 max-w-full flex-1">
+              <div className="max-w-full flex-1">
                 <div className="flex flex-col w-full items-center gap-2">
                   <TopBar />
                 </div>
-                <div className="p-4">
-                  <Outlet />
-                </div>
+                <Outlet />
               </div>
             </div>
           </CardContent>