links and other responive

src/pages/home/components/DanakLearning.tsx

@@ -1,5 +1,4 @@
 import { FC } from 'react'
-import { SIDEBAR_SIZE_LEFT } from '../../../config/Const'
 import { useTranslation } from 'react-i18next'
 import { ArrowLeft } from 'iconsax-react'
 import CoverImage from '../../../assets/images/banner.png'
@@ -9,7 +8,7 @@ const DanakLearning: FC = () => {
     const { t } = useTranslation('global')
 
     return (
-        <div style={{ width: SIDEBAR_SIZE_LEFT }} className='bg-white text-xs hidden 2xl:block h-fit px-5 py-7 rounded-3xl'>
+        <div className='bg-white w-sidebar text-xs hidden 2xl:block h-fit px-5 py-7 rounded-3xl'>
             <div className='flex justify-between items-center'>
                 <div>
                     {t('home.danak_learning')}