Remove the buttonSpacer used to add margin between components

Describe the bug We have a component called buttonSpacer and its propose is to add margin between components. We can remove the need for it and use CSS to add the margin.

https://github.com/Sboonny/freeCodeCamp/blob/1f0070630a101d87a6f3b483b8cdb3173dbb155d/client/src/components/helpers/button-spacer.tsx#L1-L10?plain=1

Usually, I try to think of a reason for it, but the only thing that I can come up with is, this is a relic of the past, and we don’t need it anymore.

If there are special cases in which margin needs to be added, CSS selectors can handle that. And if it’s there a need for consistency between spacing, adding a gap to its parent component should do the trick, as well.

---

Here is how it looks without the buttonSpacer, here is the page https://www.freecodecamp.org/settings

With the buttonSpacer

Without the buttonSpacer

[dinesh-14]

Let me know once you open.

[Sboonny]

I have did the check, to be honest I don’t want to open it in holiday season, while other maintainers taken time off for holiday @dinesh-14