Summary

Fixes #8635

Updated Workspace Settings component page to omit ANTD packages, refactored common components to generalize components usage.

• Changed Alert component to Callout
• Split the Loading components file into individual component files
• Created BaseFieldsForm and BaseAutoJoinForm, which take in props as primitive elements.
• Updated CSS to retain consistent styling.

Loom video (old component shown below new one for comparison’s sake): https://www.loom.com/share/9f036b78c7644e19983a1441c4ff3c52?sid=ca6e2493-b1d6-470d-a2e7-d2411d8f4a1c

FieldsForm component (top one is new one):

AutoJoinForm:

Alertt:

How did you test this change?

• Go to workspace settings -> properties
• Render components side by side on the same page and compare styling, layout, and transitions.

Are there any deployment considerations?

None.

Does this work require review from our design team?

The design is intended to be as similar as the prior design as possible, or to the Figma designs, but should still be reviewed by the design team for any blocking discrepancies.

/claim #8635