fix: refactored the codebase

resources/js/pages/rooms/Join.vue

@@ -1,17 +1,12 @@
 <script setup lang="ts">
 import { Head, Link, useForm, usePage } from '@inertiajs/vue3';
 import { computed } from 'vue';
+
 import { dashboard } from '@/routes';
 import { code } from '@/routes/room';
+import type { JoinRoomPageProps } from '@/types/room';
 
-const props = defineProps<{
-    join_code?: string;
-    defaultPlayerName: string | null;
-    closedRoom: {
-        title: string | null;
-        join_code: string;
-    } | null;
-}>();
+const props = defineProps<JoinRoomPageProps>();
 
 const page = usePage();
 const isAuthenticated = computed(() => page.props.auth.user !== null);