On some pages, there is not enough content in the body of the page to make the footer stick to the bottom. Some flexbox-related solution should be used to ensure the footer is always at the bottom and the header is always at the top of the page. Be mindful of the impact of changes, as currently changing the body within layout.tsx into a flexbox causes issues with mobile menu hamburger button, among other things.
On some pages, there is not enough content in the body of the page to make the footer stick to the bottom. Some flexbox-related solution should be used to ensure the footer is always at the bottom and the header is always at the top of the page. Be mindful of the impact of changes, as currently changing the body within layout.tsx into a flexbox causes issues with mobile menu hamburger button, among other things.