Add presenter mode and app version display

resources/js/pages/rooms/Show.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Head, usePage, usePoll } from '@inertiajs/vue3';
-import { computed } from 'vue';
+import { computed, ref } from 'vue';
 
 import RoomHeader from '@/components/rooms/RoomHeader.vue';
 import RoomRetentionNotice from '@/components/rooms/RoomRetentionNotice.vue';
@@ -12,6 +12,7 @@ import type { RoomPageProps } from '@/types/room';
 const props = defineProps<RoomPageProps>();
 
 const page = usePage();
+const presenterMode = ref(false);
 const roomNotice = computed(() => page.props.roomNotice);
 const canFavorite = computed(
     () => page.props.auth.user?.id != props.room.owner_id,
@@ -31,7 +32,7 @@ usePoll(30_000, {
     <Head :title="room.title ?? 'Scrum Poker'" />
 
     <main
-        class="-m-6 min-h-[calc(100svh-4rem)] bg-slate-900 px-3 py-6 text-white sm:px-6 lg:px-10"
+        class="-m-6 min-h-[calc(100svh-4rem)] bg-slate-900 px-3 py-6 text-white sm:px-6 md:flex md:h-[calc(100dvh-4rem-1px)] md:min-h-0 md:flex-col md:overflow-hidden lg:px-10"
     >
         <RoomRetentionNotice v-if="roomNotice" :notice="roomNotice" />
 
@@ -41,15 +42,21 @@ usePoll(30_000, {
             :join_code="room.join_code"
             :is_favorite="room.is_favorite"
             :can-favorite="canFavorite"
+            v-model:presenter-mode="presenterMode"
         />
 
-        <RoomTable :room="room" :current-player="currentPlayer" />
+        <RoomTable
+            :room="room"
+            :current-player="currentPlayer"
+            :presenter-mode="presenterMode"
+        />
 
         <RoomVoteDeck
             :room-id="room.id"
             :revealed="room.revealed"
             :cards="room.deck.cards"
             :current-vote="currentPlayer.current_vote"
+            :presenter-mode="presenterMode"
         />
     </main>
 </template>