refactor(native-filters): refactor filter bar

[simcha90]

SUMMARY

This PR refactor FilterBar code and files

1. Split FilterBar code to utils/hooks
2. Separate control values to different folder
3. Separate cascade popover to different folder
4. Refactor Dashboard builder to ts with using hooks and split it code to some files

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

TEST PLAN

ADDITIONAL INFORMATION

• Has associated issue:
• Changes UI
• Requires DB Migration.
• Confirm DB Migration upgrade and downgrade tested.
• Introduces new feature or API
• Removes existing feature or API

[codecov]

Codecov Report

Merging #13723 (cd68df9) into master (daefebb) will decrease coverage by 4.15%.
The diff coverage is 93.95%.

@@            Coverage Diff             @@
##           master   #13723      +/-   ##
==========================================
- Coverage   77.39%   73.23%   -4.16%     
==========================================
  Files         928      620     -308     
  Lines       47024    21943   -25081     
  Branches     5812     5818       +6     
==========================================
- Hits        36393    16070   -20323     
+ Misses      10488     5730    -4758     
  Partials      143      143              

Flag	Coverage Δ
cypress	56.52% <91.47%> (+0.07%)	⬆️
hive	?
javascript	63.39% <87.09%> (+0.25%)	⬆️
mysql	?
postgres	?
presto	?
python	?
sqlite	?

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

Impacted Files	Coverage Δ
...et-frontend/src/dashboard/components/Dashboard.jsx	85.26% <ø> (ø)
...end/src/dashboard/components/StickyVerticalBar.tsx	100.00% <ø> (ø)
...end/src/dashboard/components/dnd/DragDroppable.jsx	97.29% <ø> (ø)
...Filters/FilterBar/FilterControls/FilterControl.tsx	100.00% <ø> (ø)
...nd/src/dashboard/containers/DashboardComponent.jsx	100.00% <ø> (ø)
...src/dashboard/components/DashboardBuilder/utils.ts	78.57% <78.57%> (ø)
...ts/nativeFilters/FilterBar/FilterControls/state.ts	80.00% <80.00%> (ø)
...oard/components/nativeFilters/FilterBar/Header.tsx	87.09% <87.09%> (ø)
...ilters/FilterBar/FilterControls/FilterControls.tsx	95.00% <95.00%> (ø)
...d/components/DashboardBuilder/DashboardBuilder.tsx	95.12% <95.12%> (ø)
... and 331 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update daefebb...cd68df9. Read the comment docs.

[villebro]

LGTM, assuming the the large added/removed files were functionally mostly unchanged.

[junlincc]

@simcha90
I looked at master, native filter is broken. filter can not be saved. could you take a look? thanks!

@villebro plz wait for QA, or product signoff to merge PR.

Screen.Recording.2021-03-23.at.1.42.33.PM.mov