links and other responive

src/pages/learning/List.tsx

@@ -1,6 +1,5 @@
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import { SIDEBAR_SIZE_LEFT } from '../../config/Const'
 import BannerImage from '../../assets/images/banner.png'
 import Select from '../../components/Select'
 import Input from '../../components/Input'
@@ -104,7 +103,7 @@ const LearningList: FC = () => {
                 <div className='h-14 xl:hidden'></div>
             </div>
 
-            <div style={{ width: SIDEBAR_SIZE_LEFT }} className='bg-white hidden xl:block h-fit rounded-3xl overflow-hidden relative'>
+            <div className='bg-white w-sidebar hidden xl:block h-fit rounded-3xl overflow-hidden relative'>
                 <img
                     src={BannerImage}
                     className='w-full backdrop-blur-[100px] h-[550px] object-cover'