[feat]: Switch to gap-XX instead of space-y-XX

[moshest]

Feature description

Tailwind gap-XX is the proper way to space elements within flex or grid elements.

We should refactor the codebase and switch every space-x-XXX or space-y-XXX to gap-XXX when appropriate.

Affected component/components

No response

Additional Context

The downside of using space-y-XX is that it's hard for the user to override if changed needed for a single child.

It will require the !important flag to override the complex styling applied to the children by the space-y utils.

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues and PRs