fix(filmstrip): create a specific target for local video appending

Instead of targetting a div that contains multiple elements
and risking the elements appearing out of order, create a
specific div for local video to append to.

modules/UI/videolayout/LocalVideo.js

@@ -22,7 +22,7 @@ function LocalVideo(VideoLayout, emitter) {
 
     this.container = this.createContainer();
     this.$container = $(this.container);
-    $('#filmstripLocalVideo').append(this.container);
+    $('#filmstripLocalVideoThumbnail').append(this.container);
 
     this.localVideoId = null;
     this.bindHoverHandler();

react/features/filmstrip/components/Filmstrip.web.js

@@ -111,6 +111,7 @@ class Filmstrip extends Component<*> {
                         onMouseOut = { this._onMouseOut }
                         onMouseOver = { this._onMouseOver }>
                         { this.props.filmstripOnly ? null : <InviteButton /> }
+                        <div id = 'filmstripLocalVideoThumbnail' />
                     </div>
                     <div
                         className = 'filmstrip__videos'