Add generic ErrorBlock component

Page is generic enough to be shared between pages, though
it might be unlikely it will be shared? Depends on usecase.

Author: WZWren

peerprep/components/shared/ErrorBlock.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import styles from '@/style/error.module.css';
+import { ErrorBody } from '@/api/structs';
+
+interface Props {
+  err : ErrorBody
+}
+
+function ErrorBlock({ err }: Props) {
+  return (
+  <div className={styles.container}>
+    <h1 className={styles.title}>
+      {err.status}: We've seen better days.
+    </h1>
+    <p className={styles.details}>
+      Reason: {err.error}
+    </p>
+  </div>
+  )
+}
+
+export default ErrorBlock

peerprep/style/error.module.css

@@ -0,0 +1,17 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  height: 100%;
+}
+
+.title {
+  font-size: xx-large;
+  font-family: Consolas, monospace;
+}
+
+.details {
+  font-family: Consolas, monospace;
+}

peerprep/style/layout.module.css

@@ -8,8 +8,9 @@
 
 .container {
   display: flex;
+  flex-direction: column;
   min-width: 100%;
-  max-height: 90%;
+  height: 90%;
   overflow-y: scroll;
 }