feat(video): added theatre mode

src/components/TheatreModeToggle.vue

@@ -0,0 +1,28 @@
+<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)
+
+        function toggleTheatreMode() {
+            isTheatreMode.value = !isTheatreMode.value
+            emit('toggle', isTheatreMode.value)
+        }
+
+        return {
+            isTheatreMode,
+            toggleTheatreMode
+        }
+    }
+  }
+  </script>
+