feat(theatremode): added new action buttons

src/components/TheatreModeToggle.vue

@@ -1,28 +1,16 @@
 <template>
-    <button @click="toggleTheatreMode" class="px-2 py-1.5 rounded-lg bg-purple">
-      <v-icon name="fa-expand"></v-icon>
-      <span>{{ isTheatreMode ? 'Exit Theatre Mode' : 'Theatre Mode' }}</span>
-    </button>
-  </template>
-  
-  <script lang="ts">
-  import { ref } from 'vue'
-  
-  export default {
-    emits: ['toggle'],
-    setup(props, { emit }) {
-        const isTheatreMode = ref(false)
+  <button @click="toggleTheatreMode" class="invisible xl:visible px-2 py-1.5 rounded-lg bg-purple">
+    <v-icon name="fa-expand"></v-icon>
+  </button>
+</template>
 
-        function toggleTheatreMode() {
-            isTheatreMode.value = !isTheatreMode.value
-            emit('toggle', isTheatreMode.value)
-        }
-
-        return {
-            isTheatreMode,
-            toggleTheatreMode
-        }
+<script lang="ts">
+export default {
+  emits: ['toggle'],
+  methods: {
+    toggleTheatreMode() {
+      this.$emit('toggle')
     }
   }
-  </script>
-  
+}
+</script>