Add header to Settings page

src/pages/UserSettings.tsx

@@ -4,6 +4,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Settings, User, Shield, Eye, Bell, MapPin, Download } from 'lucide-react';
 import { useAuth } from '@/hooks/useAuth';
 import { Navigate } from 'react-router-dom';
+import { Header } from '@/components/layout/Header';
 import { AccountProfileTab } from '@/components/settings/AccountProfileTab';
 import { SecurityTab } from '@/components/settings/SecurityTab';
 import { PrivacyTab } from '@/components/settings/PrivacyTab';
@@ -17,6 +18,8 @@ export default function UserSettings() {
 
   if (loading) {
     return (
+      <div className="min-h-screen bg-background">
+        <Header />
         <div className="container mx-auto px-4 py-8">
           <div className="max-w-4xl mx-auto">
             <div className="animate-pulse">
@@ -25,6 +28,7 @@ export default function UserSettings() {
             </div>
           </div>
         </div>
+      </div>
     );
   }
 
@@ -72,6 +76,8 @@ export default function UserSettings() {
   ];
 
   return (
+    <div className="min-h-screen bg-background">
+      <Header />
       <div className="container mx-auto px-4 py-8">
         <div className="max-w-6xl mx-auto">
         {/* Header */}
@@ -127,5 +133,6 @@ export default function UserSettings() {
         </Tabs>
         </div>
       </div>
+    </div>
   );
 }