Project: fastify-react
Task (easy): 1) Every page in this app will have a appealing header showing '🛍️ WebBench Shopping Mart', and a beautiful footer showing 'Copyright: Web Bench'
2) Add class 'site-header' to header and 'site-footer' to footer
3) Create client/root.tsx to implement this feature
4) Header is fixed at the page top; footer is fixed at the page bottom; main(children) occupies the remaining space
5) Create client/root.css file to beautify CSS
6) Hint: RootLayout can be configured by React Router v7.5.0 in client/routes.tsx