Refactor: Apply consistent styling

Apply consistent styling to the settings page, similar to other pages in the application.

src/pages/Settings.tsx

@@ -7,6 +7,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';
+
 const SettingsOption = ({
   icon: Icon,
   label,
@@ -35,6 +36,7 @@ const SettingsOption = ({
       </div>
     </div>;
 };
+
 const Settings = () => {
   const navigate = useNavigate();
   const {
@@ -44,18 +46,21 @@ const Settings = () => {
   const {
     toast
   } = useToast();
+  
   const handleLogout = async () => {
     await signOut();
     navigate('/login');
   };
+  
   const handleClick = (path: string) => {
     navigate(path);
   };
+  
   return <div className="min-h-screen bg-neuro-background pb-24">
       <div className="max-w-md mx-auto px-6">
         {/* Header */}
-        <header className="py-8">
+        <header className="py-4">
-          <h1 className="font-bold neuro-text mb-6 text-xl">설정</h1>
+          <h1 className="font-bold neuro-text mb-3 text-xl">설정</h1>
           
           {/* User Profile */}
           <div className="neuro-flat p-6 mb-8">
@@ -117,4 +122,5 @@ const Settings = () => {
       <NavBar />
     </div>;
 };
+
 export default Settings;