Improve mobile camera shown (#1354)

- Add new store to send mobile size
 - Update style to show video for mobile size

front/src/Components/Video/VideoMediaBox.svelte

@@ -7,6 +7,8 @@
     import {videoFocusStore} from "../../Stores/VideoFocusStore";
     import {showReportScreenStore} from "../../Stores/ShowReportScreenStore";
     import {getColorByString, srcObject} from "./utils";
+    import {localStreamStore, obtainedMediaConstraintIsMobileStore} from "../../Stores/MediaStore";
+    import {onDestroy} from "svelte";
 
     export let peer: VideoPeer;
     let streamStore = peer.streamStore;
@@ -18,6 +20,13 @@
         showReportScreenStore.set({ userId:peer.userId, userName: peer.userName });
     }
 
+    let isMobile : boolean|null;
+    const unsubscribe = obtainedMediaConstraintIsMobileStore.subscribe(value => {
+        console.log('unsubscribe => obtainedMediaConstraintIsMobileStore', value);
+        isMobile = value;
+    });
+    onDestroy(unsubscribe);
+
 </script>
 
 <div class="video-container">
@@ -37,7 +46,7 @@
         <img alt="Report this user" src={reportImg}>
         <span>Report/Block</span>
     </button>
-    <video use:srcObject={$streamStore} autoplay playsinline on:click={() => videoFocusStore.toggleFocus(peer)}></video>
+    <video class:mobile="{isMobile === true}" use:srcObject={$streamStore} autoplay playsinline on:click={() => videoFocusStore.toggleFocus(peer)}></video>
     <img src={blockSignImg} class="block-logo" alt="Block" />
     {#if $constraintStore && $constraintStore.audio !== false}
         <SoundMeterWidget stream={$streamStore}></SoundMeterWidget>