Fix print styles and remove header footer from print

src/lib/styles/global.css.ts

@@ -21,6 +21,9 @@ globalStyle('body', {
     [`screen and (min-width: ${breakpoints.m}px)`]: {
       fontSize: '24px',
     },
+    print: {
+      fontSize: '12px',
+    }
   },
 })
 

static/print.css

@@ -4,4 +4,13 @@ body {
 
 .app-content nav {
   display: none;
-}
+}
+
+.page-navigation {
+  display: none;
+}
+
+.site-footer {
+  display: none;
+}
+