[Bug][Grid] Rendering a custom footer causes misalignemnt

[filipKovachev]

Describe the bug
When adding a custom footer to a grid column, the footer is not aligned with the rest of the grid. This seems to be due to the lack of a padding area. This can be observed in the documentation examples.

To Reproduce

1. Open this example: https://stackblitz.com/edit/2o74y5lq?file=src%2Fmain.vue
2. Notice the misalignment present in the footer:

Expected behavior
The footer should be aligned properly with correct padding as seen in the other suites

Reported in Ticket ID: 1703229

[filipKovachev]

Still reproducible in version 7.0.2:

https://stackblitz.com/edit/2o74y5lq-njevhzfu?file=src%2Fmain.vue