Reverted to edit edt-df6bf84a-482f-4f45-8871-2125b421fdb0: "Add bottom padding to screen

Adds 100px bottom padding to the screen."

src/pages/Settings.tsx

@@ -1,3 +1,4 @@
+
 import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import NavBar from '@/components/NavBar';
@@ -7,7 +8,6 @@ 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 +57,7 @@ const Settings = () => {
     navigate(path);
   };
   
-  return (
-    <SafeAreaContainer className="min-h-screen bg-neuro-background">
+  return <div className="min-h-screen bg-neuro-background pb-24">
       <div className="max-w-md mx-auto px-6">
         {/* Header */}
         <header className="py-4">
@@ -122,8 +121,7 @@ const Settings = () => {
       </div>
 
       <NavBar />
-    </SafeAreaContainer>
-  );
+    </div>;
 };
 
 export default Settings;