Add loading indicators page

[taysea]

Deploy Preview

What does this PR do?

Add loading indicators page.

Where should the reviewer start?

What testing has been done on this PR?

In addition to the feature you are implementing, have you checked the following:

General UX Checks

• Small, medium, and large screen sizes
• Cross-browsers (FireFox, Chrome, and Safari)
• Light & dark modes
• All hyperlinks route properly

Accessibility Checks

• Keyboard interactions
• Screen reader experience
• Run WAVE accessibility plugin (Chrome)

Code Quality Checks

• Console is free of warnings and errors
• Passes E2E commit checks
• Visual snapshots are reasonable

How should this be manually tested?

Any background context you want to provide?

What are the relevant issues?

Screenshots (if appropriate)

Should this PR be mentioned in Design System updates?

Is this change backwards compatible or is it a breaking change?

[julauxen]

Hi @jcfilben, I added the text I already had and I think for now we can add the examples we already have under each variant. So basically copy/paste the main examples from each specific page. I tried to do it by myself but failed miserably kkkk

[jcfilben]

Hi @jcfilben, I added the text I already had and I think for now we can add the examples we already have under each variant. So basically copy/paste the main examples from each specific page. I tried to do it by myself but failed miserably kkkk

I added the examples under each variant, let me know if that looks okay

[julauxen]

It looks great, thanks @jcfilben! I will work on the do's and don'ts and let you know when i have them ready