fix/skeletonshimmer: sometimes shimmer(div element) was rendered inside a paragraph element, wich is not allowed

components/Current/Header/MainMenu/index.tsx

@@ -265,10 +265,7 @@ export function MainMenuSkeleton() {
 
           <ul className={styles.listWrapper}>
             {links.map((link, i) => (
-              <li
-                className={`${styles.li} ${styles.skeletonWrapper}`}
-                key={link.href + i}
-              >
+              <li className={`${styles.li} ${styles.skeletonWrapper}`} key={i}>
                 <SkeletonShimmer height="22px" width="130px" />
               </li>
             ))}

components/SkeletonShimmer/skeleton.module.css

@@ -21,6 +21,7 @@
   background-color: var(--shimmer-background);
   position: relative;
   overflow: hidden;
+  display: inline-block;
   border-radius: 4px;
   min-height: 1em;
   min-width: 2ch;