feat(experience): support loading state for buttons

[xiaoyijun]

Summary

Preparation for implementing button loading states in the experience flow.

• Added rotating ring loading icon component
• Enhanced Button component with loading state support
• Updated SocialLinkButton component to support loading state
• Adjusted button styles to accommodate loading state

Testing

Button without icon:

https://github.com/user-attachments/assets/ec580864-7082-408a-bcf3-396eed5817fd

Button with icon:

https://github.com/user-attachments/assets/3614a6af-efb1-43e0-9bd2-9179540c062b

Social button:

https://github.com/user-attachments/assets/0e3c4de5-69a8-4c98-a66b-641eeebbfc0c

Checklist

• [ ] .changeset
• [ ] unit tests
• [ ] integration tests
• [x] necessary TSDoc comments

[github-actions[bot]]

COMPARE TO master

Total Size Diff :chart_with_upwards_trend: +2.97 KB

Diff by File

|Name|Diff| |---|---| |packages/experience/src/assets/icons/loading-ring.svg|:chart_with_upwards_trend: +1.07 KB| |packages/experience/src/components/Button/RotatingRingIcon.module.scss|:chart_with_upwards_trend: +163 Bytes| |packages/experience/src/components/Button/RotatingRingIcon.tsx|:chart_with_upwards_trend: +243 Bytes| |packages/experience/src/components/Button/SocialLinkButton.module.scss|:chart_with_upwards_trend: +213 Bytes| |packages/experience/src/components/Button/SocialLinkButton.tsx|:chart_with_upwards_trend: +426 Bytes| |packages/experience/src/components/Button/index.module.scss|:chart_with_upwards_trend: +399 Bytes| |packages/experience/src/components/Button/index.tsx|:chart_with_upwards_trend: +471 Bytes| |packages/experience/src/scss/_colors.scss|:chart_with_upwards_trend: +29 Bytes|