(theatre mode): moved styling to css file

src/components/ActionButtons.vue

@@ -5,7 +5,7 @@
           <v-icon name="md-download-round"></v-icon>
         </button>
       </a>
-      <button v-if="showTheatreMode" @click="$emit('toggleTheatreMode')" class="invisible xl:visible px-2 py-1.5 rounded-lg bg-purple">
+      <button v-if="showTheatreMode" @click="$emit('toggleTheatreMode')" class="hidden xl:inline px-2 py-1.5 rounded-lg bg-purple">
         <v-icon name="fa-expand"></v-icon>
       </button>
       <button v-if="showShare" @click="$emit('toggleShareModal')" class="px-2 py-1.5 rounded-lg bg-purple">

src/components/TheatreModeToggle.vue

@@ -1,16 +0,0 @@
-<template>
-  <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>
-
-<script lang="ts">
-export default {
-  emits: ['toggle'],
-  methods: {
-    toggleTheatreMode() {
-      this.$emit('toggle')
-    }
-  }
-}
-</script>