feat: Christmas lights in admin area fix and other tweaks

frontend/src/components/layout/MainHeader.vue

@@ -333,6 +333,7 @@ export default {
 	display: flex;
 	justify-content: space-around;
 	overflow: hidden;
+	pointer-events: none;
 
 	.christmas-light {
 		height: 34px;
@@ -415,7 +416,7 @@ export default {
 
 		// top: -15px;
 		// border-color: blue transparent transparent transparent;
-		border-top: 2px solid rgb(11, 88, 50);
+		border-top: 2px solid var(--primary-color);
 		border-radius: 50%;
 		margin-left: -7px;
 		margin-right: -7px;

frontend/src/pages/Admin/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="app">
+	<div class="app admin-area">
 		<main-header />
 		<div class="tabs is-centered">
 			<ul>
@@ -228,6 +228,10 @@ export default {
 </script>
 
 <style lang="scss">
+.christmas-mode .admin-area .christmas-lights {
+	top: 102px;
+}
+
 .main-container .container {
 	.button-row {
 		display: flex;