add loading all page & change bugs

components/blog/relatedContent/index.js

@@ -3,7 +3,7 @@ import UnderlineLG from '@/components/icons/UnderlineLG'
 import React from 'react'
 import Item from './Item'
 
-function RelatedContent({ data }) {
+function RelatedContent({ data, loading }) {
   return (
     <div className='p-[12px] w-full lg:w-fit md:p-[14px] lg:p-[16px] bg-[#FFF] rounded-[8px] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]'>
       <AnimationTextHead name='fade-up' text='مطالب مرتبط'>
@@ -15,6 +15,7 @@ function RelatedContent({ data }) {
             idx={idx}
             data={item}
             key={item.id}
+            loading={loading}
           />
         ))}
       </ul>