more lint and fix scale on fadein issue

components/home/tutorialPathology.tsx

@@ -668,7 +668,7 @@ export default function TutorialPathology() {
     const atIncompleteLevel = !tutorialStep.isNextButtonDisabled && tutorialStep.gameGrid && tutorialStepIndex === tutorialStepIndexMax;
 
     controls.push(skipControl());
-    controls.push(nextControl(isNextButtonDisabled || atIncompleteLevel));
+    !tutorialStep.onSolve && controls.push(nextControl(isNextButtonDisabled || atIncompleteLevel));
   } else {
     controls.push(new Control(
       'restart',

components/home/tutorialSokopath.tsx

@@ -596,7 +596,7 @@ export default function TutorialSokopath() {
     const atIncompleteLevel = !tutorialStep.isNextButtonDisabled && tutorialStep.gameGrid && tutorialStepIndex === tutorialStepIndexMax;
 
     controls.push(skipControl());
-    controls.push(nextControl(isNextButtonDisabled || atIncompleteLevel));
+    !tutorialStep.onSolve && controls.push(nextControl(isNextButtonDisabled || atIncompleteLevel));
   } else {
     controls.push(new Control(
       'restart',

styles/global.css

@@ -1,7 +1,9 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
 @layer base {
+
   ul,
   ol {
     list-style-image: none;
@@ -42,7 +44,7 @@ body {
   --level-grid: rgb(255, 255, 255);
   --level-grid-text: rgb(0, 0, 0);
   --level-grid-used: rgb(247, 127, 171);
-  --level-hole: rgb(7,187,202);
+  --level-hole: rgb(7, 187, 202);
   --level-hole-border: rgb(0, 77, 64);
   --level-player: rgb(246, 97, 96);
   --level-player-extra: rgb(175, 255, 117);
@@ -106,9 +108,11 @@ body {
   0% {
     transform: rotate(-10deg);
   }
+
   50% {
     transform: rotate(10deg);
   }
+
   100% {
     transform: rotate(-10deg);
   }
@@ -322,10 +326,12 @@ body {
 }
 
 @keyframes glow {
+
   /* glow purplish text-shadow */
   from {
     text-shadow: 0 0 10px rgb(153, 76, 76), 0 0 20px rgb(45, 29, 127), 0 0 30px rgb(104, 186, 21), 0 0 40px rgb(59, 115, 82), 0 0 50px rgb(166, 8, 39), 0 0 60px #fff, 0 0 70px #fff;
   }
+
   to {
     text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
   }
@@ -341,6 +347,7 @@ body {
   from {
     background-color: var(--bg-color-3);
   }
+
   to {
     background-color: inherit;
   }
@@ -350,6 +357,7 @@ body {
   0% {
     filter: blur(20px);
   }
+
   100% {
     filter: blur(0px);
   }
@@ -366,11 +374,12 @@ body {
 @keyframes fadeIn {
   from {
     opacity: 0;
-    transform: scale(0.9);
+
   }
+
   to {
     opacity: 1;
-    transform: scale(1);
+
   }
 }
 
@@ -383,19 +392,27 @@ body {
 }
 
 @keyframes fadeOut {
-  0% { opacity: 1; }
-  100% { opacity: 0; }
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
 }
 
 .bounce {
   animation: bounce 1s infinite;
 }
 
 @keyframes bounce {
-  0%, 100% {
+
+  0%,
+  100% {
     transform: translateY(0);
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }
+
   50% {
     transform: translateY(-25%);
     animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
@@ -431,19 +448,19 @@ body {
   opacity: 1.0;
 
   -webkit-transform: rotate(3deg) translate(0px, -4px);
-      -ms-transform: rotate(3deg) translate(0px, -4px);
-          transform: rotate(3deg) translate(0px, -4px);
+  -ms-transform: rotate(3deg) translate(0px, -4px);
+  transform: rotate(3deg) translate(0px, -4px);
 }
 
 /* Remove these to get rid of the spinner */
 #nprogress .spinner {
   display: block;
   position: fixed;
   z-index: 1031;
-  
+
   top: 0%;
   left: 50%;
-  transform: translate(-50%,75%);
+  transform: translate(-50%, 75%);
 }
 
 #nprogress .spinner-icon {
@@ -457,7 +474,7 @@ body {
   border-radius: 50%;
 
   -webkit-animation: nprogress-spinner 400ms linear infinite;
-          animation: nprogress-spinner 400ms linear infinite;
+  animation: nprogress-spinner 400ms linear infinite;
 }
 
 .nprogress-custom-parent {
@@ -471,12 +488,23 @@ body {
 }
 
 @-webkit-keyframes nprogress-spinner {
-  0%   { -webkit-transform: rotate(0deg); }
-  100% { -webkit-transform: rotate(360deg); }
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
 }
+
 @keyframes nprogress-spinner {
-  0%   { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
 }
 
 .tab {
@@ -584,18 +612,19 @@ body {
 /**
  * prevent the user from selecting the entire screen on mobile (headless portal)
  */
-#headlessui-portal-root > [data-headlessui-portal]:first-child {
+#headlessui-portal-root>[data-headlessui-portal]:first-child {
   user-select: none;
 }
 
 /**
  * prevent the user from selecting the entire screen on mobile (headless dialog)
  */
-#headlessui-portal-root > [data-headlessui-portal]:nth-child(2) > div > div > div:first-child {
+#headlessui-portal-root>[data-headlessui-portal]:nth-child(2)>div>div>div:first-child {
   user-select: none;
 }
 
-input, textarea {
+input,
+textarea {
   background-color: var(--bg-color);
   border: 1px solid var(--bg-color-3);
   border-radius: 0.25rem;
@@ -605,11 +634,13 @@ input, textarea {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-input::placeholder, textarea::placeholder {
+input::placeholder,
+textarea::placeholder {
   color: var(--color-gray);
 }
 
-input:focus, textarea:focus {
+input:focus,
+textarea:focus {
   border-color: rgb(59 130 246);
   outline: none;
 }
@@ -620,20 +651,29 @@ input:focus, textarea:focus {
 
 /* Hide scrollbar for Chrome, Safari and Opera */
 .scrollbar-hide::-webkit-scrollbar {
-    display: none;
+  display: none;
 }
 
 /* Hide scrollbar for IE, Edge and Firefox */
 .scrollbar-hide {
-    -ms-overflow-style: none;  /* IE and Edge */
-    scrollbar-width: none;  /* Firefox */
+  -ms-overflow-style: none;
+  /* IE and Edge */
+  scrollbar-width: none;
+  /* Firefox */
 }
 
 @keyframes pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.5; }
+
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.5;
+  }
 }
 
 .animate-pulse {
   animation: pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
+}