feat(controls): Migrate all control panels to React component functions

Major refactor to modernize control panel system:

## Changes Made

### Core Infrastructure
- Created InlineControls.tsx with helper functions for all control types
- Added SharedControlComponents for replacing string control references
- Fixed TypeScript types and imports across all control panels
- Added proper exports and type definitions

### Control Panel Migrations
- Converted 20+ control panel files from inline configurations to React components
- Eliminated all string control references (e.g., ['metric'] → MetricControl())
- Updated all legacy-plugin-chart-* plugins
- Updated all legacy-preset-chart-deckgl layers
- Fixed chord diagram control panel (was prematurely using JSON Forms)

### Type Safety Improvements
- Fixed choice array type mismatches (now supports mixed types)
- Resolved import conflicts by renaming inline control helpers
- Added proper TypeScript types for all control configurations
- Reduced TypeScript errors by 57% (44 → 19)

### Pattern Conversion
Before: { name: 'control', config: { type: 'SelectControl', ... } }
After: SelectControl({ name: 'control', ... })

This sets the foundation for the next phase: migrating to JSON Forms format.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

superset-frontend/plugins/plugin-chart-ag-grid-table/src/controlPanel.tsx

@@ -36,6 +36,11 @@ import {
   QueryModeLabel,
   sections,
   sharedControls,
+  AdhocFiltersControl,
+  AllColumnsControl,
+  GroupByControl,
+  MetricsControl,
+  TemporalColumnsLookupControl,
 } from '@superset-ui/chart-controls';
 import {
   ensureIsArray,
@@ -144,7 +149,12 @@ const queryMode: ControlConfig<'RadioButtonControl'> = {
     [QueryMode.Raw, QueryModeLabel[QueryMode.Raw]],
   ],
   mapStateToProps: ({ controls }) => ({ value: getQueryMode(controls) }),
-  rerender: ['all_columns', 'groupby', 'metrics', 'percent_metrics'],
+  rerender: [
+    AllColumnsControl(),
+    GroupByControl(),
+    MetricsControl(),
+    'percent_metrics',
+  ],
 };
 
 const allColumnsControl: typeof sharedControls.groupby = {
@@ -192,7 +202,7 @@ const percentMetricsControl: typeof sharedControls.metrics = {
       controlState?.value,
     ]),
   }),
-  rerender: ['groupby', 'metrics'],
+  rerender: [GroupByControl(), MetricsControl()],
   default: [],
   validators: [],
 };
@@ -240,7 +250,7 @@ const config: ControlPanelConfig = {
 
                 return newState;
               },
-              rerender: ['metrics', 'percent_metrics'],
+              rerender: [MetricsControl(), 'percent_metrics'],
             },
           },
         ],
@@ -271,7 +281,7 @@ const config: ControlPanelConfig = {
               },
             },
           },
-          'temporal_columns_lookup',
+          TemporalColumnsLookupControl(),
         ],
         [
           {
@@ -300,7 +310,7 @@ const config: ControlPanelConfig = {
                   controlState.value,
                 ]),
               }),
-              rerender: ['groupby'],
+              rerender: [GroupByControl()],
             },
           },
           {
@@ -314,7 +324,7 @@ const config: ControlPanelConfig = {
             config: percentMetricsControl,
           },
         ],
-        ['adhoc_filters'],
+        [AdhocFiltersControl()],
         [
           {
             name: 'timeseries_limit_metric',