fix(rn,ui) move top labels to navbar component

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

@@ -33,7 +33,6 @@ import {
 } from '../AbstractConference';
 import type { AbstractProps } from '../AbstractConference';
 
-import Labels from './Labels';
 import LonelyMeetingExperience from './LonelyMeetingExperience';
 import NavigationBar from './NavigationBar';
 import styles from './styles';
@@ -277,8 +276,6 @@ class Conference extends AbstractConference<Props, *> {
                     pointerEvents = 'box-none'
                     style = { styles.toolboxAndFilmstripContainer }>
 
-                    <Labels />
-
                     <Captions onPress = { this._onClick } />
 
                     { _shouldDisplayTileView || <Container style = { styles.displayNameContainer }>

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

@@ -10,6 +10,7 @@ import { PictureInPictureButton } from '../../../mobile/picture-in-picture';
 import { isToolboxVisible } from '../../../toolbox/functions.native';
 import ConferenceTimer from '../ConferenceTimer';
 
+import Labels from './Labels';
 import styles from './styles';
 
 
@@ -68,6 +69,7 @@ const NavigationBar = (props: Props) => {
                 {
                     props._conferenceTimerEnabled && <ConferenceTimer />
                 }
+                <Labels />
             </View>
         </View>
     );