Footer placement is wrong

[fidotheprince]

The footer for the application is at the Page.js level, which is incorrect from a design perspective since the footer should be used globally across the entire site, e.g., at the Layout.js level.

The issue is that the footer form is dependent on it, which prevents us from adding it at the highest level of the application. The dependency must be on the client, but the Layout.js is a server component.

Therefore, we need to get the footer back at the layout level and remove the form from the footer, which would remove the dependency mentioned above.

We could add it to a section above the footer as a solution.