feat(calendar-sync): refactored ConferenceNotification (#12945)

* feat(calendar-sync): converted ConferenceNotification to a notification

react/features/conference/components/native/Conference.js

@@ -12,7 +12,7 @@ import { Container, LoadingIndicator, TintedView } from '../../../base/react';
 import { connect } from '../../../base/redux';
 import { ASPECT_RATIO_NARROW } from '../../../base/responsive-ui/constants';
 import { TestConnectionInfo } from '../../../base/testing';
-import { ConferenceNotification, isCalendarEnabled } from '../../../calendar-sync';
+import { isCalendarEnabled } from '../../../calendar-sync/functions.native';
 import { DisplayNameLabel } from '../../../display-name';
 import { BrandingImageBackground } from '../../../dynamic-branding/components/native';
 import {
@@ -321,21 +321,6 @@ class Conference extends AbstractConference<Props, State> {
         return true;
     }
 
-    /**
-     * Renders the conference notification badge if the feature is enabled.
-     *
-     * @private
-     * @returns {React$Node}
-     */
-    _renderConferenceNotification() {
-        const { _calendarEnabled, _reducedUI } = this.props;
-
-        return (
-            _calendarEnabled && !_reducedUI
-                ? <ConferenceNotification />
-                : undefined);
-    }
-
     _createOnPress: (string) => void;
 
     /**
@@ -472,8 +457,6 @@ class Conference extends AbstractConference<Props, State> {
 
                 <TestConnectionInfo />
 
-                { this._renderConferenceNotification() }
-
                 {_shouldDisplayTileView && <Toolbox />}
             </>
         );