fix: ImportAlbum and Station components require optional props

frontend/src/components/PlaylistTabBase.vue

@@ -19,7 +19,7 @@ const QuickConfirm = defineAsyncComponent(
 );
 
 const props = defineProps({
-	modalUuid: { type: String, required: true },
+	modalUuid: { type: String, default: null },
 	type: {
 		type: String,
 		default: ""

frontend/src/components/Queue.vue

@@ -14,7 +14,7 @@ const QuickConfirm = defineAsyncComponent(
 );
 
 const props = defineProps({
-	modalUuid: { type: String, required: true },
+	modalUuid: { type: String, default: null },
 	sector: { type: String, default: "station" }
 });
 

frontend/src/components/Request.vue

@@ -18,7 +18,7 @@ const PlaylistTabBase = defineAsyncComponent(
 );
 
 const props = defineProps({
-	modalUuid: { type: String, required: true },
+	modalUuid: { type: String, default: null },
 	sector: { type: String, default: "station" },
 	disableAutoRequest: { type: Boolean, default: false }
 });

frontend/src/components/StationInfoBox.vue

@@ -12,7 +12,7 @@ const props = defineProps({
 	stationPaused: { type: Boolean, default: null },
 	showManageStation: { type: Boolean, default: false },
 	showGoToStation: { type: Boolean, default: false },
-	modalUuid: { type: String, required: true },
+	modalUuid: { type: String, default: null },
 	sector: { type: String, default: "station" }
 });
 

frontend/src/components/modals/ImportAlbum.vue

@@ -20,7 +20,7 @@ const SongItem = defineAsyncComponent(
 
 const props = defineProps({
 	modalUuid: { type: String, required: true },
-	songs: { type: Array, required: true }
+	songs: { type: Array, default: () => [] }
 });
 
 const { socket } = useWebsocketsStore();