调整修改密码入口位置

src/components/PersonalCenterPanel.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Mail, Monitor, X } from 'lucide-react';
+import { KeyRound, Mail, Monitor, X } from 'lucide-react';
 import { createPortal } from 'react-dom';
 
 interface PersonalCenterPanelProps {
@@ -13,8 +13,10 @@ interface PersonalCenterPanelProps {
   avatarText: string;
   roleBadgeClassName: string;
   showDeviceManagement: boolean;
+  showChangePassword: boolean;
   onOpenEmailSettings: () => void;
   onOpenDeviceManagement: () => void;
+  onOpenChangePassword: () => void;
 }
 
 export function PersonalCenterPanel({
@@ -27,8 +29,10 @@ export function PersonalCenterPanel({
   avatarText,
   roleBadgeClassName,
   showDeviceManagement,
+  showChangePassword,
   onOpenEmailSettings,
   onOpenDeviceManagement,
+  onOpenChangePassword,
 }: PersonalCenterPanelProps) {
   if (!isOpen || !mounted) return null;
 
@@ -114,6 +118,25 @@ export function PersonalCenterPanel({
                 </div>
               </button>
             )}
+
+            {showChangePassword && (
+              <button
+                onClick={onOpenChangePassword}
+                className='flex w-full items-center gap-3 rounded-2xl border border-gray-200 bg-gray-50 px-4 py-4 text-left transition-colors hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-750'
+              >
+                <div className='flex h-12 w-12 items-center justify-center rounded-xl bg-amber-100 text-amber-600 dark:bg-amber-900/30 dark:text-amber-300'>
+                  <KeyRound className='w-6 h-6' />
+                </div>
+                <div>
+                  <div className='text-base font-semibold text-gray-900 dark:text-gray-100'>
+                    修改密码
+                  </div>
+                  <div className='mt-1 text-sm text-gray-500 dark:text-gray-400'>
+                    修改当前账号密码
+                  </div>
+                </div>
+              </button>
+            )}
           </div>
         </div>
       </div>