- A fix for https://github.com/owncast/owncast/issues/1007. Hide app container when configdata is loading

- Also, disable global CSS transition animations for now. If we want to add transitions onto anything, we can target specific elements and add styles individually intead.

webroot/js/app.js

@@ -58,11 +58,12 @@ export default class App extends Component {
       websocket: new Websocket(),
       displayChat: chatStorage === null ? true : chatStorage,
       chatInputEnabled: false, // chat input box state
-      chatDisabled: false,
       username: getLocalStorage(KEY_USERNAME) || generateUsername(),
       touchKeyboardActive: false,
 
-      configData: {},
+      configData: {
+        loading: true,
+      },
       extraPageContent: '',
 
       playerActive: false, // player object is active
@@ -541,6 +542,7 @@ export default class App extends Component {
     const usernameStyle = chatDisabled ? 'none' : 'flex';
 
     const extraAppClasses = classNames({
+      'config-loading': configData.loading,
       chat: shouldDisplayChat,
       'no-chat': !shouldDisplayChat,
       'single-col': singleColMode,