크로스헤어 세로선 교차점 on off 설정

frontend/src/App.tsx

@@ -475,6 +475,14 @@ function AppMainContent({
                 onChartCandleAreaPriceLabels={v => saveAppDef({ chartCandleAreaPriceLabels: v })}
                 chartSeriesPriceLabels={appDefaults.chartSeriesPriceLabels ?? true}
                 onChartSeriesPriceLabels={v => saveAppDef({ chartSeriesPriceLabels: v })}
+                chartCrosshairInfoVisible={appDefaults.chartCrosshairInfoVisible ?? true}
+                onChartCrosshairInfoVisible={v => saveAppDef({ chartCrosshairInfoVisible: v })}
+                chartCrosshairMarkersVisible={appDefaults.chartCrosshairMarkersVisible ?? true}
+                onChartCrosshairMarkersVisible={v => saveAppDef({ chartCrosshairMarkersVisible: v })}
+                chartLegendOptions={appDefaults.chartLegendOptions}
+                onChartLegendOptionsChange={patch => saveAppDef({
+                  chartLegendOptions: { ...appDefaults.chartLegendOptions, ...patch },
+                })}
               />
             </Suspense>
           )}

frontend/src/components/SettingsPage.tsx

@@ -1239,7 +1239,6 @@ const ChartPanel: React.FC<ChartPanelProps> = ({
         </SettingSection>
       )}
 
-      {chartLegendOptions && onChartLegendOptionsChange && (
       <SettingSection title="크로스헤어 정보">
         <SettingRow
           label="크로스헤어 정보 표시"
@@ -1268,7 +1267,6 @@ const ChartPanel: React.FC<ChartPanelProps> = ({
           </label>
         </SettingRow>
       </SettingSection>
-      )}
 
       {chartLegendOptions && onChartLegendOptionsChange && (
         <SettingSection title="상단 정보 표시">