refactor: Minor sitename usage improvements

frontend/dist/index.tpl.html

@@ -7,8 +7,8 @@
 	<meta charset='UTF-8'>
 	<meta http-equiv='X-UA-Compatible' content='IE=edge'>
 	<meta name='viewport' content='width=device-width, initial-scale=1, user-scalable=no'>
-	<meta name='keywords' content='music, <%= htmlWebpackPlugin.options.title %>, listen, station, station, radio, edm, chill, community, official, rooms, room, party, good, mus, pop'>
-	<meta name='description' content='On <%= htmlWebpackPlugin.options.title %> you can listen to lots of different songs, playing 24/7 in our official stations and in user-made community stations!'>
+	<meta name='keywords' content='music, <%= htmlWebpackPlugin.options.title %>, musare, songs, song catalogue, listen, station, station, radio, open source'>
+	<meta name='description' content='<%= htmlWebpackPlugin.options.title %> is an open-source collaborative music listening and catalogue curation application. Currently supporting YouTube based content.'>
 	<meta name='copyright' content='© Copyright Musare 2015-2022 All Right Reserved'>
 
 	<link rel='apple-touch-icon' sizes='57x57' href='/assets/favicon/apple-touch-icon-57x57.png?v=06042016'>

frontend/src/pages/Settings/Tabs/Security.vue

@@ -100,7 +100,9 @@
 
 		<div v-if="!isGithubLinked">
 			<h4 class="section-title">Link your GitHub account</h4>
-			<p class="section-description">Link your account to GitHub</p>
+			<p class="section-description">
+				Link your {{ sitename }} account with GitHub
+			</p>
 
 			<hr class="section-horizontal-rule" />
 
@@ -176,6 +178,7 @@ export default {
 	data() {
 		return {
 			apiDomain: "",
+			sitename: "Musare",
 			validation: {
 				oldPassword: {
 					value: "",
@@ -221,6 +224,7 @@ export default {
 	},
 	async mounted() {
 		this.apiDomain = await lofig.get("backend.apiDomain");
+		this.sitename = await lofig.get("siteSettings.sitename");
 	},
 	methods: {
 		togglePasswordVisibility(ref) {

frontend/src/pages/Station/index.vue

@@ -858,7 +858,8 @@ export default {
 			persistentToastCheckerInterval: null,
 			persistentToasts: [],
 			mediasession: false,
-			christmas: false
+			christmas: false,
+			sitename: "Musare"
 		};
 	},
 	computed: {
@@ -992,6 +993,7 @@ export default {
 		this.frontendDevMode = await lofig.get("mode");
 		this.mediasession = await lofig.get("siteSettings.mediasession");
 		this.christmas = await lofig.get("siteSettings.christmas");
+		this.sitename = await lofig.get("siteSettings.sitename");
 
 		this.socket.dispatch(
 			"stations.existsByName",
@@ -1483,7 +1485,9 @@ export default {
 							// on ios, playback will be forcibly paused locally
 							if (this.isApple) {
 								this.updateLocalPaused(true);
-								new Toast("Please click play manually on iOS.");
+								new Toast(
+									`Please click play manually to use ${this.sitename} on iOS.`
+								);
 							}
 						},
 						onError: err => {