add: dark theme to a few components

src/components/bottomsheet/AnimatedBottomSheet.tsx

@@ -53,7 +53,7 @@ const AnimatedBottomSheet = ({ blurOpacity = 64, overrideClassName = '', showTit
                     overrideClassName ?? '',
                     'absolute left-0 w-full rounded-t-4xl pt-[39px] pb-6',
                     'bottom-0',
-                    'bg-container/64'
+                    'bg-container/64 dark:bg-container/80'
                 )}
                 initial="hidden"
                 animate={props.visible ? 'visible' : 'hidden'}
@@ -61,12 +61,12 @@ const AnimatedBottomSheet = ({ blurOpacity = 64, overrideClassName = '', showTit
             >
                 <div className="ps-[31px] pe-[33px] flex justify-between">
                     {showTitle &&
-                        <div className='text-lg font-medium text-black leading-8 mt-2.5'>
+                        <div className='text-lg font-medium text-foreground leading-8 mt-2.5'>
                             {props.title}
                         </div>
                     }
                     {showCloseButton &&
-                        <div ref={closeRef} onClick={props.onClick} className="bg-white/38 w-8 h-8 rounded-full p-1.5">
+                        <div ref={closeRef} onClick={props.onClick} className="bg-container/38 w-8 h-8 rounded-full p-1.5">
                             <CloseIcon size={20} />
                         </div>
                     }