[FIX] remove sidebar on embedded view (#11183)

Closes #11175

packages/rocketchat-theme/client/imports/components/sidebar/sidebar.css

@@ -68,6 +68,10 @@
 	& .unread-rooms {
 		display: none;
 	}
+
+	.embedded-view > & {
+		display: none;
+	}
 }
 
 @media (width < 780px) {

packages/rocketchat-theme/client/imports/general/base_old.css

@@ -5496,10 +5496,6 @@ body:not(.is-cordova) {
 }
 
 .rc-old .embedded-view {
-	& .flex-tab-bar {
-		display: none;
-	}
-
 	& .messages-container {
 		border-width: 0;
 

packages/rocketchat-ui-master/client/main.html

@@ -47,7 +47,7 @@
 						{{> videoCall overlay=true}}
 						<div id="user-card-popover"></div>
 						<div id="rocket-chat" class="{{embeddedVersion}} menu-nav">
-							{{#unless modal}}
+							{{#unless removeSidenav}}
 								{{> sideNav }}
 							{{/unless}}
 							<div class="rc-old main-content content-background-color {{readReceiptsEnabled}} {{#if modal}}main-modal{{/if}}">

packages/rocketchat-ui-master/client/main.js

@@ -116,6 +116,10 @@ Template.body.onRendered(function() {
 
 RocketChat.mainReady = new ReactiveVar(false);
 Template.main.helpers({
+	removeSidenav() {
+		const { modal } = this;
+		return (modal || typeof modal === 'function' ? modal() : modal) || RocketChat.Layout.isEmbedded();
+	},
 	siteName() {
 		return RocketChat.settings.get('Site_Name');
 	},