fixed pagination, fixed cookiebar dark mode, fixed rendering issues during ssr, moved all test blog code to a test folder

src/components/Cookiebar/CookieBar.module.scss

@@ -4,14 +4,14 @@ $shadow: 0px -1px 5px rgba(50, 50, 50, 0.75);
 
 .cookieBar {
   align-items: baseline;
-  background: #fff;
-  border-top: 1px solid #808080;
+  background: $color-bg;
+  border-top: 1px solid $color-gray-border;
   bottom: 0px;
 
   -webkit-box-shadow: $shadow;
   -moz-box-shadow: $shadow;
   box-shadow: $shadow;
-  color: #000;
+  color: $color-base;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
@@ -27,7 +27,7 @@ $shadow: 0px -1px 5px rgba(50, 50, 50, 0.75);
 }
 
 .button {
-  background: #fff;
+  background: $color-bg;
   border: 1px solid $color-gray-border;
   border-radius: $button-border-radius;
   color: $color-base;

src/components/Pagination/__snapshots__/Pagination.test.tsx.snap

@@ -19,7 +19,7 @@ exports[`Pagination renders correctly 1`] = `
       href="/typography/page/3"
       rel="next"
     >
-      → NEXT
+      NEXT →
     </a>
   </div>
 </div>

src/components/Post/Author/Author.tsx

@@ -12,7 +12,11 @@ const Author = () => {
         <a href="/pages/about">
           <strong>{author.name}</strong>
         </a>
-        <span className="showInPrintView"> {`@ ${window.location}`}</span>
+        {typeof window !== "undefined" ? (
+          <span className="showInPrintView"> {window ? `@ ${window.location}` : ""}</span>
+        ) : (
+          ""
+        )}
       </p>
     </div>
   );

src/components/ThemeSwitcher/ThemeSwitcher.tsx

@@ -9,6 +9,9 @@ import { Themes } from "./Themes";
 type Props = { showLabel: boolean };
 
 export const ThemeSwitcher: FunctionComponent<Props> = ({ showLabel }) => {
+  if (typeof document === "undefined") {
+    return null;
+  }
   const initTheme = document.documentElement.dataset.theme;
   const [theme, setTheme] = useState(initTheme);