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

components/blog/detail/commentUser/AddComment.js

@@ -3,11 +3,11 @@ import React from 'react'
 
 function AddComment() {
     return (
-        <div className='flex items-center justify-start gap-[16px] my-[24px]'>
+        <div className='flex flex-col md:flex-row gap-y-[12px] items-start md:items-center justify-start gap-[16px] my-[12px] mb-[16] sm:!my-[16px] md:!my-[20px] lg:!my-[24px]'>
             <p className='text-[#616161] text-[16px] font-normal'>شما هم نظر خود را به اشتراک بگذارید:</p>
             <Button
                 variant='outlined'
-                className='!border !border-[#5559CE] !rounded-[4px] !px-[38px] !py-[9px]'
+                className='!w-full md:!w-fit !border !border-[#5559CE] !rounded-[4px] !px-[38px] !py-[6px] md:!py-[8px] lg:!py-[9px]'
             >
                 ثبت نظر
             </Button>