Fix notch issue on iOS

Addresses the notch display issue on iOS devices.

src/pages/Settings.tsx

@@ -8,6 +8,7 @@ import { User, CreditCard, Bell, Lock, HelpCircle, LogOut, ChevronRight } from '
 import { cn } from '@/lib/utils';
 import { useAuth } from '@/contexts/auth';
 import { useToast } from '@/hooks/useToast.wrapper';
+import SafeAreaContainer from '@/components/SafeAreaContainer';
 
 const SettingsOption = ({
   icon: Icon,
@@ -57,8 +58,9 @@ const Settings = () => {
     navigate(path);
   };
   
-  return <div className="min-h-screen bg-neuro-background pb-24">
-      <div className="max-w-md mx-auto px-6">
+  return (
+    <SafeAreaContainer className="min-h-screen bg-neuro-background">
+      <div className="max-w-md mx-auto px-6 pb-24">
         {/* Header */}
         <header className="py-4">
           <h1 className="font-bold neuro-text mb-3 text-xl">설정</h1>
@@ -121,7 +123,8 @@ const Settings = () => {
       </div>
 
       <NavBar />
-    </div>;
+    </SafeAreaContainer>
+  );
 };
 
 export default Settings;