React example presets have some bad css/sass

[apolopena]

Describe the bug

Styling problems have appeared for the example projects that use bootstrap css.

• The Q&A header does not center
• The answers badge is hard to read and the numbers on it dont show up

This is a regression possibly due to hotfix 140

Screenshots

Steps to reproduce

https://gitpod.io/#EXAMPLE=1/https://github.com/apolopena/gitpod-laravel-starter/tree/development

Expected behavior

• Q&A header should be centered on any screen width
• Answers badge should be more readable the the number of answers a questio has should appear here

Additional information

The sass version should really no longer be pinned to an old version which is what had to be done for hotfix 140

Perhaps removing hotfix140 from the example projects that use bootstrap will automagically solve the problem.

[apolopena]

Its not hotfix 140, however this will be removed as it is no longer needed.

[apolopena]

It appears that this is a bootstrap 5 vs boostrap 4 issue.

Laravel updates its version of bootstrap when it makes minor version changes and since gitpod-laravel-starter uses Laravel 8.* the version that example projects use will get their bootstrap (and other packages) package version bumped up.

[apolopena]

Will attempt to fix this with https://github.com/apolopena/gitpod-laravel-starter/issues/185 and may also involve https://github.com/apolopena/gitpod-laravel-starter/issues/186