feat: implemented chord guide customization feature

src/components/settings/SettingsPanel.tsx

@@ -3,8 +3,9 @@ import SettingsSidebar from './SettingsSidebar';
 import GeneralSettings from './sections/GeneralSettings';
 import BehaviorSettings from './sections/BehaviorSettings';
 import TemplatesSettings from './sections/TemplatesSettings';
+import ChordGuideSettings from './sections/ChordGuideSettings';
 
-export type SettingsSection = 'general' | 'behavior' | 'templates';
+export type SettingsSection = 'general' | 'behavior' | 'templates' | 'chord_guide';
 
 interface SettingsPanelProps {
   onClose: () => void;
@@ -21,6 +22,8 @@ const SettingsPanel: React.FC<SettingsPanelProps> = ({ onClose }) => {
         return <BehaviorSettings />;
       case 'templates':
         return <TemplatesSettings />;
+      case 'chord_guide':
+        return <ChordGuideSettings />;
       default:
         return <GeneralSettings />;
     }