Remove scrolling from loading screen

packages/concordia-app/src/assets/css/index.css

@@ -1,4 +1,4 @@
-body {
+body.app {
     overflow: auto;
     margin: 1em !important;
 }

packages/concordia-app/src/assets/css/loading-component.css

@@ -3,7 +3,6 @@ body {
 }
 
 .loading-screen {
-    overflow: hidden;
     margin-top: 10em;
     text-align: center;
     font-size: large;

packages/concordia-app/src/components/LoadingComponent.jsx

@@ -1,11 +1,8 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 
 import { Container, Progress } from 'semantic-ui-react';
 
-// CSS
-import '../assets/css/loading-component.css';
-
 // Images
 import ethereumLogo from '../assets/images/ethereum_logo.svg';
 import ipfsLogo from '../assets/images/ipfs_logo.svg';
@@ -13,6 +10,10 @@ import orbitdbLogo from '../assets/images/orbitdb_logo.svg';
 import appLogo from '../assets/images/app_logo.png';
 
 const LoadingComponent = (props) => {
+  useEffect(() => function cleanup() {
+    document.body.classList.add('app');
+  }, []);
+
   const {
     imageType, messageList, progressType, title, message, progress,
   } = props;