Add video feed to teleop modal

Author: amalnanavati

feedingwebapp/src/Pages/Header/InfoModal.jsx

@@ -124,7 +124,41 @@ function InfoModal(props) {
           {mode === VIDEO_MODE ? (
             <VideoFeed topic={CAMERA_FEED_TOPIC} updateRateHz={10} webrtcURL={props.webrtcURL} />
           ) : mode === TELEOP_MODE ? (
-            <TeleopSubcomponent allowIncreasingForceThreshold={true} allowRetaringFTSensor={true} />
+            <View
+              style={{
+                flex: 1,
+                flexDirection: 'column',
+                justifyContent: 'center',
+                alignItems: 'center',
+                width: '100%',
+                height: '100%'
+              }}
+            >
+              <View
+                style={{
+                  flex: 5,
+                  flexDirection: 'column',
+                  justifyContent: 'center',
+                  alignItems: 'center',
+                  width: '100%',
+                  height: '100%'
+                }}
+              >
+                <VideoFeed topic={CAMERA_FEED_TOPIC} updateRateHz={10} webrtcURL={props.webrtcURL} />
+              </View>
+              <View
+                style={{
+                  flex: 7,
+                  flexDirection: 'column',
+                  justifyContent: 'center',
+                  alignItems: 'center',
+                  width: '100%',
+                  height: '100%'
+                }}
+              >
+                <TeleopSubcomponent allowIncreasingForceThreshold={true} allowRetaringFTSensor={true} />
+              </View>
+            </View>
           ) : mode === SYSTEM_STATUS_MODE ? (
             <div>System Status</div>
           ) : (