Implemented print media queries for better PDF layout

[Chaitanya1672]

Fixes #3166

Changes:
I have added CSS @media print queries to ensure better PDF formatting. The default print size is set to landscape, which ensures that the entire page content is included, preventing any part of the page from being cut off in the PDF.

Preview:

PDF:- p5.js.Web.Editor._.Fog.tank.pdf

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123

[raclim]

Thanks for your work on this! I adjusted one property from size to page-orientation in client/components/RootPage.jsx because the orientation still kept showing up as portrait for me, but overall this looks good to me!

I have a small concern that this might look different for other folks as well depending on the browser/devices they're using, but I think that can be addressed as they come up, so I'm going to merge this is!