fix warnings page blog item

app/component/loading/Multiline.js

@@ -4,12 +4,13 @@ function MultilineLoading({ loading, width, height, children, line }) {
   return loading
     ? Array(line)
       .fill({})
-        .map((_) => (
+      .map((_, idx) => (
         <Skeleton
           className={`${width === "full" ? "!w-full" : ""} !my-2`}
           variant="rounded"
           height={height}
           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 }) {