fix(recording): red error text for google api errors

css/_recording.scss

@@ -30,6 +30,10 @@
         width: 100%;
     }
 
+    .google-error {
+        color: $errorColor;
+    }
+
     /**
      * The Google sign in button must follow Google's design guidelines.
      * See: https://developers.google.com/identity/branding-guidelines

react/features/recording/components/LiveStream/StartLiveStreamDialog.web.js

@@ -544,14 +544,20 @@ class StartLiveStreamDialog extends Component<Props, State> {
      * @returns {string} The error message to display.
      */
     _getGoogleErrorMessageToDisplay() {
+        let text;
+
         switch (this.state.errorType) {
         case 'liveStreamingNotEnabled':
-            return this.props.t(
+            text = this.props.t(
                 'liveStreaming.errorLiveStreamNotEnabled',
                 { email: this.state.googleProfileEmail });
+            break;
         default:
-            return this.props.t('liveStreaming.errorAPI');
+            text = this.props.t('liveStreaming.errorAPI');
+            break;
         }
+
+        return <div className = 'google-error'>{ text }</div>;
     }
 
     /**