[Data Explorer] Add lazy loading to enable all the services for canvas

[ananzh]

Description

Currently the createCanvas function is indeed being called only once when the Discover plugin is being set up. The return value of this function (a React Element) is then saved in the ui object of the registered view and this same React Element is used every time the DataExplorerApp is rendered. Because React Elements are plain objects and not functions, they don't get re-evaluated or re-rendered. This PR is just a minor adds-up to unblock implementation table vis by adding lazy load. This will render the actual component in place of the fallback when the component becomes available.

Issues Resolved

#4419

Screenshot

[codecov]

Codecov Report

Merging #4432 (49d1c51) into feature/data-explorer (d4acb33) will decrease coverage by 0.01%.
The diff coverage is 14.28%.

@@                    Coverage Diff                    @@
##           feature/data-explorer    #4432      +/-   ##
=========================================================
- Coverage                  66.56%   66.55%   -0.01%     
=========================================================
  Files                       3278     3279       +1     
  Lines                      62654    62660       +6     
  Branches                    9760     9761       +1     
=========================================================
- Hits                       41703    41702       -1     
- Misses                     18585    18592       +7     
  Partials                    2366     2366              

Flag	Coverage Δ
Linux	66.49% <14.28%> (-0.01%)	⬇️
Windows	66.49% <14.28%> (-0.01%)	⬇️

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

Impacted Files	Coverage Δ
...plication/view_components/canvas/create_canvas.tsx	33.33% <0.00%> (-16.67%)	⬇️
...ication/view_components/canvas/discover_canvas.tsx	20.00% <20.00%> (ø)

... and 1 file with indirect coverage changes

[ananzh]

We have implemented a dynamic approach. Close this tmp solution.