feat: add `gl-m-n*` utility classes

What does this MR do?

Adds gl-m-n1, gl-m-n2, gl-m-n3, and gl-m-n4 utility classes. These utility classes are helpful for spacing out elements. They can be used similar to how the Bootstrap grid works with the .row element. Other negative margin utility classes already exist, but these are being added as a convenience so gl-mx-n* and gl-my-n* don't have to be used in conjunction.

This was suggested to be added in gitlab!49764 (comment 478097271)

Does this MR meet the acceptance criteria?

Conformity

• Code review guidelines.
• GitLab UI's contributing guidlines.
• [-] If it changes a Pajamas-compliant component's look & feel, the MR has been reviewed by a UX designer.
• [-] If it changes GitLab UI's documentation guidelines, the MR has been reviewed by a Technical Writer.
• [-] If the MR changes a component's API, integration MR(s) have been opened in the following projects to ensure that the @gitlab/ui package can be upgraded quickly after the changes are released:
  • GitLab: mr_url
  • CustomersDot: mr_url
  • Status Page: mr_url
• [-] Added the ~"component:*" label(s) if applicable.

Security

If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:

• [-] Label as security and @ mention @gitlab-com/gl-security/appsec
• [-] Security reports checked/validated by a reviewer from the AppSec team