refactor: Replace react-bootstrap Modals with Antd in Datasource

[kgabryje]

SUMMARY

Replaces usages of react-bootstrap Modals with Antd in datasource/.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

The Modals look almost the same as before. The difference is the colour of the Title bar and that the new modals are placed a bit lower. Example below.

Before:

After:

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

[kgabryje]

@rusackas @etr2460 Can you please take a look?

[codecov-io]

Codecov Report

Merging #11390 into master will decrease coverage by 9.72%.
The diff coverage is 0.00%.

@@            Coverage Diff             @@
##           master   #11390      +/-   ##
==========================================
- Coverage   66.59%   56.86%   -9.73%     
==========================================
  Files         863      407     -456     
  Lines       40986    13647   -27339     
  Branches     3694     3476     -218     
==========================================
- Hits        27295     7761   -19534     
+ Misses      13594     5724    -7870     
- Partials       97      162      +65     

Flag	Coverage Δ
#cypress	56.86% <0.00%> (-0.04%)	⬇️
#javascript	?
#python	?

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

Impacted Files	Coverage Δ
...set-frontend/src/common/components/Modal/Modal.tsx	100.00% <ø> (ø)
superset-frontend/src/components/DeleteModal.tsx	100.00% <ø> (ø)
...-frontend/src/datasource/ChangeDatasourceModal.tsx	8.92% <0.00%> (-65.27%)	⬇️
...perset-frontend/src/datasource/DatasourceModal.tsx	76.74% <ø> (-16.12%)	⬇️
...nd/src/views/CRUD/data/dataset/AddDatasetModal.tsx	12.00% <ø> (-45.58%)	⬇️
...uperset-frontend/src/dashboard/util/dnd-reorder.js	0.00% <0.00%> (-100.00%)	⬇️
...rset-frontend/src/dashboard/util/getEmptyLayout.js	0.00% <0.00%> (-100.00%)	⬇️
...et-frontend/src/components/Menu/LanguagePicker.tsx	0.00% <0.00%> (-100.00%)	⬇️
...dashboard/components/resizable/ResizableHandle.jsx	0.00% <0.00%> (-100.00%)	⬇️
.../src/dashboard/util/getFilterScopeFromNodesTree.js	0.00% <0.00%> (-93.48%)	⬇️
... and 685 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 eecabf9...3df3112. Read the comment docs.

[rusackas]

One main nit to address about skipped tests, and a couple other questions, but generally looking good!

[kgabryje]

@rusackas I did a rebase and I was forced to add data-test to Modal that won't be removed by the babel plugin - Antd Modals don't accept data-test prop normally, I had to pass it through wrapProps. However I don't think it's a major problem as the modals are lazy rendered, so that data-test would show up in HTML only after a user opens a modal.
Here's a discussion: ant-design/ant-design#8561. It seems that most of Antd components accept a data-test attribute, but not Modal (see the last comment)

I also changed a data-test name from modal-delete-button to modal-confirm-button, as "delete" would only make sense for 1 specific use case of our Modal component. "Confirm" sounds more generic.