update dashboard header

Author: sanjaypinna

app/[locale]/dashboard/layout.tsx

@@ -12,18 +12,13 @@ interface DashboardLayoutProps {
 export default function Layout({ children }: DashboardLayoutProps) {
   return (
     <div className="flex h-full grow flex-col">
-      <header
-        className="relative z-2 bg-surfaceDefault px-4 py-3 shadow-elementTopNav"
-        style={{
-          backgroundColor: 'var( --background-alpha-medium)',
-        }}
-      >
-        <MainNav />
-      </header>
-      <>{children}</>
-      <footer>
-        <MainFooter />
-      </footer>
-    </div>
+    <header className="relative z-2 p-6 lg:px-10 lg:py-6 shadow-elementTopNav bg-primaryBlue">
+      <MainNav />
+    </header>
+    <>{children}</>
+    <footer>
+      <MainFooter />
+    </footer>
+  </div>
   );
 }