fix responsive all pages & change style page list blog and blog item & add date picker

components/blog/relatedContent/index.js

@@ -5,13 +5,14 @@ import Item from './Item'
 
 function RelatedContent({ data }) {
   return (
-    <div className='p-[16px] bg-[#FFF] rounded-[8px] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]'>
+    <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='مطالب مرتبط'>
         <UnderlineLG />
       </AnimationTextHead>
-      <ul className='flex w-fit flex-col justify-start items-start'>
-        {data.map(item => (
+      <ul className='flex w-full lg:w-fit flex-col justify-start items-start'>
+        {data.map((item, idx) => (
           <Item
+            idx={idx}
             data={item}
             key={item.id}
           />