refactor: Made main header and footer global components

frontend/src/pages/404.vue

@@ -14,15 +14,6 @@
 	</div>
 </template>
 
-<script>
-import MainHeader from "@/components/layout/MainHeader.vue";
-import MainFooter from "@/components/layout/MainFooter.vue";
-
-export default {
-	components: { MainHeader, MainFooter }
-};
-</script>
-
 <style lang="less" scoped>
 .wrapper {
 	min-height: calc(100vh - 100px);

frontend/src/pages/About.vue

@@ -59,15 +59,6 @@
 	</div>
 </template>
 
-<script>
-import MainHeader from "@/components/layout/MainHeader.vue";
-import MainFooter from "@/components/layout/MainFooter.vue";
-
-export default {
-	components: { MainHeader, MainFooter }
-};
-</script>
-
 <style lang="less" scoped>
 .night-mode {
 	.card {

frontend/src/pages/Admin/index.vue

@@ -246,14 +246,10 @@ import { mapState, mapActions, mapGetters } from "vuex";
 
 import keyboardShortcuts from "@/keyboardShortcuts";
 
-import MainHeader from "@/components/layout/MainHeader.vue";
-import MainFooter from "@/components/layout/MainFooter.vue";
 import FloatingBox from "@/components/FloatingBox.vue";
 
 export default {
 	components: {
-		MainHeader,
-		MainFooter,
 		FloatingBox
 	},
 	data() {

frontend/src/pages/Home.vue

@@ -506,16 +506,12 @@ import { defineAsyncComponent } from "vue";
 import draggable from "vuedraggable";
 import Toast from "toasters";
 
-import MainHeader from "@/components/layout/MainHeader.vue";
-import MainFooter from "@/components/layout/MainFooter.vue";
 import SongThumbnail from "@/components/SongThumbnail.vue";
 
 import ws from "@/ws";
 
 export default {
 	components: {
-		MainHeader,
-		MainFooter,
 		SongThumbnail,
 		CreateStation: defineAsyncComponent(() =>
 			import("@/components/modals/CreateStation.vue")

frontend/src/pages/News.vue

@@ -44,11 +44,7 @@ import { sanitize } from "dompurify";
 
 import ws from "@/ws";
 
-import MainHeader from "@/components/layout/MainHeader.vue";
-import MainFooter from "@/components/layout/MainFooter.vue";
-
 export default {
-	components: { MainHeader, MainFooter },
 	data() {
 		return {
 			news: []

frontend/src/pages/Privacy.vue

@@ -202,12 +202,3 @@
 		<main-footer />
 	</div>
 </template>
-
-<script>
-import MainHeader from "@/components/layout/MainHeader.vue";
-import MainFooter from "@/components/layout/MainFooter.vue";
-
-export default {
-	components: { MainHeader, MainFooter }
-};
-</script>

frontend/src/pages/Profile/index.vue

@@ -114,16 +114,12 @@ import ws from "@/ws";
 import TabQueryHandler from "@/mixins/TabQueryHandler.vue";
 
 import ProfilePicture from "@/components/ProfilePicture";
-import MainHeader from "@/components/layout/MainHeader";
-import MainFooter from "@/components/layout/MainFooter.vue";
 
 import RecentActivity from "./Tabs/RecentActivity.vue";
 import Playlists from "./Tabs/Playlists.vue";
 
 export default {
 	components: {
-		MainHeader,
-		MainFooter,
 		ProfilePicture,
 		RecentActivity,
 		Playlists,

frontend/src/pages/ResetPassword.vue

@@ -285,14 +285,12 @@
 import Toast from "toasters";
 import { mapGetters, mapState } from "vuex";
 
-import MainHeader from "@/components/layout/MainHeader.vue";
-import MainFooter from "@/components/layout/MainFooter.vue";
 import InputHelpBox from "@/components/InputHelpBox.vue";
 
 import validation from "@/validation";
 
 export default {
-	components: { MainHeader, MainFooter, InputHelpBox },
+	components: { InputHelpBox },
 	props: {
 		mode: {
 			default: "reset",

frontend/src/pages/Settings/index.vue

@@ -55,13 +55,8 @@ import ws from "@/ws";
 
 import TabQueryHandler from "@/mixins/TabQueryHandler.vue";
 
-import MainHeader from "@/components/layout/MainHeader.vue";
-import MainFooter from "@/components/layout/MainFooter.vue";
-
 export default {
 	components: {
-		MainHeader,
-		MainFooter,
 		SecuritySettings: defineAsyncComponent(() =>
 			import("./Tabs/Security.vue")
 		),

frontend/src/pages/Station/index.vue

@@ -772,9 +772,6 @@ import ms from "@/ms";
 import ws from "@/ws";
 import keyboardShortcuts from "@/keyboardShortcuts";
 
-import MainHeader from "@/components/layout/MainHeader.vue";
-import MainFooter from "@/components/layout/MainFooter.vue";
-
 import FloatingBox from "@/components/FloatingBox.vue";
 import AddToPlaylistDropdown from "@/components/AddToPlaylistDropdown.vue";
 import SongItem from "@/components/SongItem.vue";
@@ -787,8 +784,6 @@ import StationSidebar from "./Sidebar/index.vue";
 export default {
 	components: {
 		ContentLoader,
-		MainHeader,
-		MainFooter,
 		EditPlaylist: defineAsyncComponent(() =>
 			import("@/components/modals/EditPlaylist")
 		),

frontend/src/pages/Team.vue

@@ -130,12 +130,10 @@
 </template>
 
 <script>
-import MainHeader from "@/components/layout/MainHeader.vue";
-import MainFooter from "@/components/layout/MainFooter.vue";
 import ProfilePicture from "@/components/ProfilePicture.vue";
 
 export default {
-	components: { MainHeader, MainFooter, ProfilePicture },
+	components: { ProfilePicture },
 	data() {
 		return {
 			currentTeam: [

frontend/src/pages/Terms.vue

@@ -1094,12 +1094,3 @@
 		<main-footer />
 	</div>
 </template>
-
-<script>
-import MainHeader from "@/components/layout/MainHeader.vue";
-import MainFooter from "@/components/layout/MainFooter.vue";
-
-export default {
-	components: { MainHeader, MainFooter }
-};
-</script>