navbar: SCSS replace margin spacing for gap property.

Created by: 5h1rU

Change all the margins for list elements and use gap property on the parent instead

Currently, we are using margin to add horizontal spacing between navbar elements. Replace this margin with the gap will simplify our code.

For example, here. We can remove the margin property and add a gap in the parent element.