Default theatre mode no sidebar (#3981)

* Revert "! Fix watch page layout when theatre mode enabled and sidebar "hidden" (#3931)"

This reverts commit 621cc27.

* Fix the watch page layout when the sidebar is hidden and theatre mode mode is enabled by default

* Do not use theatre mode while loading

src/renderer/views/Watch/Watch.js

@@ -240,7 +240,7 @@ export default defineComponent({
   mounted: function () {
     this.videoId = this.$route.params.id
     this.activeFormat = this.defaultVideoFormat
-    this.useTheatreMode = this.defaultTheatreMode
+    this.useTheatreMode = this.defaultTheatreMode && this.theatrePossible
 
     this.checkIfPlaylist()
     this.checkIfTimestamp()

src/renderer/views/Watch/Watch.scss

@@ -3,17 +3,7 @@
 }
 
 @mixin theatre-mode-template {
-  grid-template:  'video video video' auto
-                  'info info sidebar' auto
-                  'info info sidebar' auto / 1fr 1fr 1fr;
-
-  // When there is no sidebar (but the empty container element still exists)
-  // The info element need to be expanded with following rule(s)
-  @at-root .videoLayout.noSidebar {
-    grid-template:  'video video video' auto
-                    'info info info'    auto
-                    'info info info'    auto / 1fr 1fr 1fr;
-  }
+  grid-template: 'video video video' auto 'info info sidebar' auto 'info info sidebar' auto / 1fr 1fr 1fr;
 }
 
 @mixin single-column-template {

src/renderer/views/Watch/Watch.vue

@@ -3,7 +3,7 @@
     class="videoLayout"
     :class="{
       isLoading,
-      useTheatreMode,
+      useTheatreMode: useTheatreMode && !isLoading,
       noSidebar: !theatrePossible
     }"
   >