feat(design)!: remove the diameter property of loading icon

[xelaint]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/graycoreio/daffodil/blob/develop/CONTRIBUTING.md#commit
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

The diameter property currently takes a number. This means the number is always a fixed value, currently set in pixel.

Fixes: N/A

What is the new behavior?

Remove diameter property completely so that it's up to the outer component to set its width/max-width. The default max width is set to 64px.

Does this PR introduce a breaking change?

[x] Yes
[ ] No

BREAKING CHANGE: The diameter property has been removed. A width or max-width can be updated by adding custom styles.

Other information

[xelaint]

@damienwebdev removed the diameter property.

[damienwebdev]

lgtm