fix(ChristmasLights): z-index tweaks

frontend/src/components/ChristmasLights.vue

@@ -59,7 +59,7 @@ const { loggedIn } = storeToRefs(userAuthStore);
 			border-top-right-radius: 50%;
 			border-bottom-left-radius: 50%;
 			border-bottom-right-radius: 50%;
-			z-index: 2;
+			z-index: 11;
 			animation: christmas-lights 30s ease infinite;
 
 			&::before {
@@ -152,7 +152,7 @@ const { loggedIn } = storeToRefs(userAuthStore);
 		.christmas-wire {
 			flex: 1;
 			margin-bottom: 15px;
-			z-index: 1;
+			z-index: 10;
 
 			border-top: 2px solid var(--primary-color);
 			border-radius: 50%;

frontend/src/components/MainHeader.vue

@@ -193,7 +193,7 @@ onMounted(async () => {
 	position: relative;
 	background-color: var(--primary-color);
 	height: 64px;
-	z-index: 3;
+	z-index: 100;
 
 	&.transparent {
 		background-color: transparent !important;
@@ -243,7 +243,7 @@ onMounted(async () => {
 		}
 
 		span {
-			background-color: var(--white);
+			background-color: var(--white) !important;
 			display: block;
 			height: 1px;
 			left: 50%;
@@ -331,6 +331,7 @@ onMounted(async () => {
 			top: 100%;
 			position: absolute;
 			background: var(--white);
+			z-index: 100;
 		}
 
 		.nav-menu.is-active {