handle error in loading screen (#1823)

* handle client boot error in loading screen

* use sync state hook in client root

* add loading screen options

* removed extra condition in loading finish

* add sync connection status bar

src/app/organisms/settings/AuthRequest.jsx

@@ -2,7 +2,6 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import './AuthRequest.scss';
 
-import initMatrix from '../../../client/initMatrix';
 import { openReusableDialog } from '../../../client/action/navigation';
 
 import Text from '../../atoms/text/Text';
@@ -11,6 +10,7 @@ import Input from '../../atoms/input/Input';
 import Spinner from '../../atoms/spinner/Spinner';
 
 import { useStore } from '../../hooks/useStore';
+import { getSecret } from '../../../client/state/auth';
 
 let lastUsedPassword;
 const getAuthId = (password) => ({
@@ -18,7 +18,7 @@ const getAuthId = (password) => ({
   password,
   identifier: {
     type: 'm.id.user',
-    user: initMatrix.matrixClient.getUserId(),
+    user: getSecret().userId,
   },
 });