docs: fix clashing IDs in form checkboxes

[brianshano]

Description

Checkbox IDs in the "Forms" component are the same as in "Abide" and clashing with each other.
I have changed the IDs in "Forms" so they are distinct

Motivation and Context

If a user clicks the checkbox label "Blue" in "Forms" component it triggers the checkbox in "Abide" which is incorrect and confusing.

Screenshots (if appropriate):

Types of changes

• Documentation
• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing
  functionality to change)

Checklist (all required):

• I have read and follow the CONTRIBUTING document.
• There are no other pull request similar to this one.
• The pull request title is descriptive.
• The template is fully and correctly filled.
• The pull request targets the right branch (develop or support/*).
• My commits are correctly titled and contain all relevant information.
• My code follows the code style of this project.
• I have updated the documentation accordingly to my changes (if relevant).
• I have added tests to cover my changes (if relevant).
• All new and existing tests passed.

[DanielRuf]

Hi @brianshano, congrats to your first contribution to foundation-sites. 🎉

Please use the develop branch for new PRs (I'll take care of it).

[ncoden]

👍