Create profile management page

This commit creates a profile management page within the settings section.

src/pages/Settings.tsx

@@ -1,5 +1,6 @@
 
 import React from 'react';
+import { useNavigate } from 'react-router-dom';
 import NavBar from '@/components/NavBar';
 import { User, CreditCard, Bell, Lock, HelpCircle, LogOut, ChevronRight } from 'lucide-react';
 import { cn } from '@/lib/utils';
@@ -18,7 +19,10 @@ const SettingsOption = ({
   color?: string;
 }) => {
   return (
-    <div className="neuro-flat p-4 transition-all duration-300 hover:shadow-neuro-convex" onClick={onClick}>
+    <div 
+      className="neuro-flat p-4 transition-all duration-300 hover:shadow-neuro-convex cursor-pointer" 
+      onClick={onClick}
+    >
       <div className="flex items-center">
         <div className={cn("neuro-pressed p-3 rounded-full mr-4", color)}>
           <Icon size={20} />
@@ -34,6 +38,8 @@ const SettingsOption = ({
 };
 
 const Settings = () => {
+  const navigate = useNavigate();
+
   return (
     <div className="min-h-screen bg-neuro-background pb-24">
       <div className="max-w-md mx-auto px-6">
@@ -60,6 +66,7 @@ const Settings = () => {
             icon={User} 
             label="프로필 관리" 
             description="개인정보 및 프로필 설정"
+            onClick={() => navigate('/profile-management')}
           />
           <SettingsOption 
             icon={CreditCard}