feat: add loading screen

src/app/page.css

@@ -15,9 +15,32 @@
 	pointer-events: none;
 
 	opacity: 1;
-	display: block;
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
+
+	will-change: opacity;
 }
 
 .loader.hidden {
 	opacity: 0;
+}
+
+.niko-spin {
+	width: 50vw;
+	height: auto;
+	display: block;
+	animation: spin 3s ease-in-out infinite;
+	will-change: transform;
+}
+
+@keyframes spin {
+	0% {
+		transform: rotate(0deg);
+	}
+
+	100% {
+		transform: rotate(360deg);
+	}
 }

src/app/page.tsx

@@ -629,7 +629,9 @@ function Loader() {
 	return (
 		<div
 			className={`loader ${!visible ? 'loader hidden' : ''}`}
-		/>
+		>
+			<img src='/img/niko.jpg' className='niko-spin' />
+		</div>
 	);
 }