perf(native-filters): reduce the re-rendering of native filter modal

[stephenLYZ]

SUMMARY

We use why-did-you-render tool to measure the re-rendering of the native filter modal. This PR improves native filter modal in two scenarios (which has more than 20 native filters):

• Enter the dashboard for the first time:

  • before: 1000+ re-rendering

  • after: 0 re-rendering

• Close the native filter model:

  • before: 28 re-rendering
  • after: 8 re-rendering

In next PR I will improve the filter configure form in the modal.

TESTING INSTRUCTIONS

ADDITIONAL INFORMATION

• Has associated issue: perf(dashboard): Improve performance of the native filters config modal #21147
• Required feature flags:
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[codecov]

Codecov Report

Merging #21781 (bffecea) into master (bf00193) will decrease coverage by 0.00%.
The diff coverage is 85.18%.

@@            Coverage Diff             @@
##           master   #21781      +/-   ##
==========================================
- Coverage   66.95%   66.95%   -0.01%     
==========================================
  Files        1807     1807              
  Lines       69231    69238       +7     
  Branches     7406     7407       +1     
==========================================
+ Hits        46357    46361       +4     
- Misses      20966    20968       +2     
- Partials     1908     1909       +1     

Flag	Coverage Δ
javascript	53.40% <85.18%> (+<0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...eFilters/FiltersConfigModal/FiltersConfigModal.tsx	63.63% <80.00%> (-0.80%)	⬇️
...ilters/FilterBar/FilterConfigurationLink/index.tsx	100.00% <100.00%> (ø)
...omponents/nativeFilters/FilterBar/Header/index.tsx	100.00% <100.00%> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[michael-s-molina]

Code LGTM. Can we get @jinghua-qa's approval before merging it?