062 migrate to layout

[Oculux314]

Context

We want to have a consistent page layout for each page.

Closes #62

What Changed?

• Removed <Header /> and <Footer /> components from each individual page
• Added footer and header to layout.tsx
• Adjusted layout.tsx
  • Now contains <main /> (which is now a column flexbox)
  • Header is now positioned absolutely
  • Footer now stays at the bottom of the page if the page is too small
  • Adjusted pages to look like before*

How To Review

• Start up the app and check nothing's broken on each of the pages!
• Check out layout.tsx and the home page page.tsx pages first
• Review code commit-wise

Notes

*New tailwind styles: mt-header and pt-header

[h4yleysh4rpe]

Looks good to me. I am just wondering whether it would be possible to have the footer moved up slightly on the 404 not found page? (See vid - at the moment you have to scroll to see the footer, which is maybe a bit odd given that the 404 page doesn't really have any content to justify the footer being off the bottom of the page?). I am happy to have a go at this but honestly not sure I'll know how to...

Recording.2024-08-06.112234.mp4

[Oculux314]

Looks good to me. I am just wondering whether it would be possible to have the footer moved up slightly on the 404 not found page? (See vid - at the moment you have to scroll to see the footer, which is maybe a bit odd given that the 404 page doesn't really have any content to justify the footer being off the bottom of the page?). I am happy to have a go at this but honestly not sure I'll know how to...

Recording.2024-08-06.112234.mp4

Ah! Don't worry about that that's just Next's default 404 page (which we can't really change).
We should probably make our own, come to think of it... if you're interested keep an eye out!

[h4yleysh4rpe]

LGTM!

[YvonneLiew]

lgtm