refactor: lazy loading of admin tabs

Signed-off-by: Jonathan <theflametrooper@gmail.com>

frontend/components/pages/Admin.vue

@@ -95,26 +95,17 @@
 <script>
 import MainHeader from "../MainHeader.vue";
 
-import QueueSongs from "../Admin/QueueSongs.vue";
-import Songs from "../Admin/Songs.vue";
-import Stations from "../Admin/Stations.vue";
-import Reports from "../Admin/Reports.vue";
-import News from "../Admin/News.vue";
-import Users from "../Admin/Users.vue";
-import Statistics from "../Admin/Statistics.vue";
-import Punishments from "../Admin/Punishments.vue";
-
 export default {
 	components: {
 		MainHeader,
-		QueueSongs,
-		Songs,
-		Stations,
-		Reports,
-		News,
-		Users,
-		Statistics,
-		Punishments
+		QueueSongs: () => import("../Admin/QueueSongs.vue"),
+		Songs: () => import("../Admin/Songs.vue"),
+		Stations: () => import("../Admin/Stations.vue"),
+		Reports: () => import("../Admin/Reports.vue"),
+		News: () => import("../Admin/News.vue"),
+		Users: () => import("../Admin/Users.vue"),
+		Statistics: () => import("../Admin/Statistics.vue"),
+		Punishments: () => import("../Admin/Punishments.vue")
 	},
 	data() {
 		return {