feature(database-connection): Overlay error container on top of UserList

frontend/src/pages/MainPage/MainPage.scss

@@ -6,4 +6,9 @@
   .blurred {
     @include blurred();
   }
+  .ErrorContainer {
+    margin: 0;
+    z-index: 2;
+    position: absolute;
+  }
 }

frontend/src/pages/MainPage/MainPage.tsx

@@ -38,7 +38,7 @@ const MainPage: FC<IMainPageProps> = (props: IMainPageProps) => {
         <div className="MainPage">
             <Header />
             {
-                error && <ErrorContainer message={error.message} />
+                error && <ErrorContainer message={error.response} />
             }
             <ClipLoader color={spinnerColor} loading={loading} size={150} css={spinnerCss} />
             <div className={loading ? "blurred" : ""}>