chore: Replace Well componenet with Card component

[nikolagigic]

SUMMARY

Replace react-bootstrap Well component with customised AntD Card component
#10254

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:

• Edit Dataset
  
• SQLab. Query History
  
• SQLab View Keys and Indexes
  

After:

• Edit Dataset
  
• SQLab. Query History
  
• SQLab View Keys and Indexes
  

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-io]

Codecov Report

Merging #12200 (9e3a603) into master (a3bbbf8) will decrease coverage by 2.99%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master   #12200      +/-   ##
==========================================
- Coverage   67.11%   64.12%   -3.00%     
==========================================
  Files         996      485     -511     
  Lines       49176    29867   -19309     
  Branches     4993        0    -4993     
==========================================
- Hits        33006    19151   -13855     
+ Misses      16047    10716    -5331     
+ Partials      123        0     -123     

Flag	Coverage Δ
cypress	?
javascript	?
python	64.12% <ø> (-0.11%)	⬇️

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

Impacted Files	Coverage Δ
superset/sql_validators/postgres.py	50.00% <0.00%> (-50.00%)	⬇️
superset/commands/importers/v1/examples.py	40.90% <0.00%> (-4.55%)	⬇️
superset/datasets/commands/importers/v1/utils.py	55.55% <0.00%> (-1.83%)	⬇️
superset/cli.py	33.58% <0.00%> (-0.92%)	⬇️
superset/reports/dao.py	78.50% <0.00%> (-0.75%)	⬇️
superset/views/base_api.py	97.68% <0.00%> (-0.47%)	⬇️
superset/databases/api.py	89.15% <0.00%> (ø)
superset/tasks/scheduler.py	0.00% <0.00%> (ø)
superset/async_events/api.py	100.00% <0.00%> (ø)
superset/reports/commands/log_prune.py	0.00% <0.00%> (ø)
... and 509 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 a3bbbf8...9e3a603. Read the comment docs.

[geido]

Looks good but I think it is deviating from the approach that we recently took to enhance the Antdesign components using Emotion. Please have a look at my comments

[junlincc]

Thanks for the PR @nikolagigic!
@kgabryje Hey Kamil, please meet Nikola from Flexiana. i wonder if you mind reviewing each other's PRs 😀

[michael-s-molina]

@nikolagigic Thanks for the PR. Can you please reference #10254 in the PR description?

[kgabryje]

Thanks for the PR @nikolagigic!
@kgabryje Hey Kamil, please meet Nikola from Flexiana. i wonder if you mind reviewing each other's PRs 😀

Not a problem 🙂 Hello @nikolagigic!

[geido]

@nikolagigic Can we export the Card from src/common/components/index.tsx and maybe add a bit of storybook as well?

[rusackas]

@nikolagigic Sorry this one has been sitting here so long, but I think we'll be OK to merge it now. It looks like all comments were addressed, so I've marked them as resolved, and I'm approving.

I also saw the E2E tests were failing for some reason. I've closed/reopened to kick CI, so fingers crossed that it works 🤞 Please give this a rebase, and assess any failing Cypress tests if needed, and it should be good to go.

@junlincc Probably ought to give it a quick pass for Product/QA signoff before we merge, or delegate that job to anyone else she deems fit.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. For admin, please label this issue .pinned to prevent stale bot from closing the issue.