enhancement: we need 4px padding and gap in styles

[PritamBag]

Is your feature request related to a problem? Please describe.
We need to introduce 4px padding and gaps in the styles for consistency and better layout structure. This will improve the alignment and overall visual appearance of elements, making the layout more cohesive and uniform.

Describe the solution you'd like
We propose creating dedicated classes that apply the 4px padding and gap properties. This will ensure consistent styling throughout the project, allowing us to easily maintain proper spacing across various components without manual adjustments.