chore: rework/add spinner so that it can be used in smaller areas (WEB-124)

[dgarcia-appdev]

Task

Rework the Spinner component so that sections of a page can have a spinner. To be more specific the area that needs this is the "community" page when it is loading the team and speakers.

Steps to contribute. NEVER COMMIT TO MAIN. NEVER COMMIT TO MAIN. It should always be on your own branch and that branch name should match the issue. Ensure that you are addressing the correct issue. Each issue will be listed as something like a chore, fix, bug, etc. Your commit message MUST start with one of these tags that correspond with your issue. Followed by your commit message and your commit message must end with the branch name, for example (WEB-1)

An example commit message would look like this: chore: create contributing guidelines (WEB-8)

Commit messages should not be written in an action or present tense. It also should not mention tasks unrelated to the issue "Creating Contributing Guidelines and will work on next task" is not what we would want to see as a commit message.

After a pull request is approved, the branch should be deleted once merged.

[missatrox44]

i can work on this!!

[missatrox44]

@dgarcia-appdev seeking some clarification. do you mean the spinner should only appear in the section that loads the team and the past speakers? In other words, should there be two instances of this spinner on the same page? As far as styles, do we want a background or just have the spinner on top of whatever section is loading? Thanks!