Move Counter to a separate component

[Sidsector9]

Note

• We need the modified green counter SVG with the tick added in it.

Description of the Change

• This PR moves the Counter and Circular Progress Bar to a separate component.
• Adds a black fill to the exclamation mark of the warning icon.
• Adds red color to icon when text goes beyond limit.

WordPress Colors are used for reference.

Closes #156

Screenshot

Changelog Entry

Changed: yellow color of the warning icon
Changed: fill of the exclamation to black color
Changed: icon color to red when text goes beyond limit

Credits

Props @Firestorm980 @Sidsector9

Checklist:

• I agree to follow this project's Code of Conduct.
• I have updated the documentation accordingly.
• I have added tests to cover my change.
• All new and existing tests pass.

[jeffpaul]

@cadic FYI that this will likely be helpful to you on the related OSS project you're looking into

[fabiankaegy]

This is great :) I only left one comment about the example code.

Otherwise this is ready to go 🚀