fix: background colour in not found page

apps/client/src/views/common/not-found/NotFound.module.scss

@@ -2,10 +2,16 @@
 
 .notFound {
   display: grid;
-  place-items: center;
+  height: 100vh;
+  padding-top: 20vh;
   background-color: var(--background-color-override, $viewer-background-color);
-  margin-top: 10vh;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+
   color: $ui-white;
-  justify-content: center;
+  align-items: center;
   text-align: center;
 }

apps/client/src/views/common/not-found/NotFound.tsx

@@ -5,15 +5,17 @@ import style from './NotFound.module.scss';
 export default function NotFound() {
   return (
     <div className={style.notFound}>
-      <EmptyImage />
-      <h1>Not found</h1>
-      <div>
-        The page you are after was not found.
-        <br />
-        It may have moved or your URL may be incorrect.
-        <br />
-        Double check the URL and try again.
-      </div>
+      <section className={style.content}>
+        <EmptyImage />
+        <h1>Not found</h1>
+        <div>
+          The page you are after was not found.
+          <br />
+          It may have moved or your URL may be incorrect.
+          <br />
+          Double check the URL and try again.
+        </div>
+      </section>
     </div>
   );
 }