fix warnings page blog item

app/component/loading/Multiline.js

@@ -3,15 +3,16 @@ import { Skeleton } from "@mui/material";
 function MultilineLoading({ loading, width, height, children, line }) {
   return loading
     ? Array(line)
-        .fill({})
+      .fill({})
-        .map((_) => (
+      .map((_, idx) => (
-          <Skeleton
+        <Skeleton
-            className={`${width === "full" ? "!w-full" : ""} !my-2`}
+          className={`${width === "full" ? "!w-full" : ""} !my-2`}
-            variant="rounded"
+          variant="rounded"
-            height={height}
+          height={height}
-            width={width}
+          width={width}
-          />
+          key={idx}
-        ))
+        />
+      ))
     : children;
 }
 

components/blog/detail/SocialMedia.js

@@ -9,9 +9,8 @@ function SocialMedia({ loading }) {
   return (
     <ul className="flex mt-0 sm:mt-[3px] md:mt-[6px] lg:mt-[8px] pb-[16px] sm:pb-[21px] md:pb-[27px] lg:pb-[32px] relative items-center justify-end gap-4">
       {socials.map((item, idx) => (
-        <CircularLoading width={36} height={36} loading={loading}>
+        <CircularLoading width={36} key={idx} height={36} loading={loading}>
           <li
-            key={idx}
             className="bg-[#EFEFEF] rounded-full hover-rotate-icon p-[9px]"
           >
             {item}

components/layout/header/list/Row.js

@@ -1,5 +1,4 @@
 import { listNav } from "@/constans";
-import { isActiveURL } from "@/helper";
 import Link from "next/link";
 
 function Row({ name }) {