feat(WEB-93): add Header to CMS and render it in Next

components/Current/Header/OfflineBanner/banner.module.css

@@ -0,0 +1,23 @@
+.banner {
+  align-items: center;
+  background: #606060;
+  color: #fff;
+  display: flex;
+  justify-content: space-between;
+  padding: 10px;
+  position: relative;
+  z-index: 10;
+}
+
+.hidden {
+  display: none;
+}
+
+.reloadBtn {
+  color: #fff;
+  background-color: #00838e;
+  border: 0;
+  border-radius: 18px;
+  outline: 0 none;
+  padding: 5px 15px;
+}

components/Current/Header/OfflineBanner/index.tsx

@@ -0,0 +1,10 @@
+import styles from "./banner.module.css"
+
+export default function OfflineBanner() {
+  return (
+    <div className={`${styles.banner} ${styles.hidden}`}>
+      You are offline, some content may be out of date.
+      <button className={styles.reloadBtn} type="button">Reload</button>
+    </div>
+  )
+}