Added icon for station mode on homepage card and station page

frontend/src/pages/Home/index.vue

@@ -192,6 +192,19 @@
 							}}</span
 						>
 						<span v-else class="songTitle">No Songs Playing</span>
+						<i
+							class="material-icons stationMode"
+							:title="
+								station.partyMode
+									? 'Station in Party mode'
+									: 'Station in Playlist mode'
+							"
+							>{{
+								station.partyMode
+									? "emoji_people"
+									: "playlist_play"
+							}}</i
+						>
 					</div>
 				</router-link>
 			</div>
@@ -389,6 +402,19 @@
 							}}</span
 						>
 						<span v-else class="songTitle">No Songs Playing</span>
+						<i
+							class="material-icons stationMode"
+							:title="
+								station.partyMode
+									? 'Station in Party mode'
+									: 'Station in Playlist mode'
+							"
+							>{{
+								station.partyMode
+									? "emoji_people"
+									: "playlist_play"
+							}}</i
+						>
 					</div>
 				</router-link>
 				<h4 v-if="stations.length === 0">
@@ -1044,7 +1070,7 @@ html {
 		i.material-icons {
 			vertical-align: middle;
 			margin-left: 5px;
-			font-size: 18px;
+			font-size: 22px;
 		}
 
 		.songTitle {

frontend/src/pages/Station/index.vue

@@ -342,6 +342,19 @@
 											>star_border</i
 										>
 									</a>
+									<i
+										class="material-icons stationMode"
+										:title="
+											station.partyMode
+												? 'Station in Party mode'
+												: 'Station in Playlist mode'
+										"
+										>{{
+											station.partyMode
+												? "emoji_people"
+												: "playlist_play"
+										}}</i
+									>
 								</div>
 								<p>{{ station.description }}</p>
 							</div>
@@ -1792,6 +1805,11 @@ export default {
 						margin-left: 10px;
 						font-size: 30px;
 						color: var(--yellow);
+						&.stationMode {
+							padding-left: 10px;
+							margin-left: auto;
+							color: var(--primary-color);
+						}
 					}
 				}