feat: implement logout action

app/components/popup/modal.tsx

@@ -42,7 +42,7 @@ export const PopupModal = ({
           <DialogTitle className="relative flex justify-center">
             <button
               onClick={onClose}
-              className="absolute top-0 left-0 items-center lg:hidden"
+              className="absolute top-0 left-0 items-center sm:hidden"
             >
               <LeftArrow
                 width={50}

app/components/popup/success-modal.tsx

@@ -54,7 +54,7 @@ export const SuccessModal = ({ isOpen, onClose }: ModalProperties) => {
           <DialogTitle className="relative flex justify-center">
             <button
               onClick={onClose}
-              className="absolute top-0 left-0 items-center lg:hidden"
+              className="absolute top-0 left-0 items-center sm:hidden"
             >
               <LeftArrow
                 width={50}

app/components/ui/banner.tsx

@@ -4,7 +4,7 @@ import { APP } from '~/configs/meta'
 
 export const Banner = () => {
   return (
-    <div className="min-h-[65px] lg:mx-10">
+    <div className="min-h-[65px] sm:mx-10">
       <div className="relative">
         <Link
           to="/#"

app/components/ui/carousel.tsx

@@ -115,7 +115,7 @@ export const Carousel = (properties: TNews) => {
                 <div>
                   <h3
                     className={twMerge(
-                      'mt-2 w-full font-bold lg:mt-0',
+                      'mt-2 w-full font-bold sm:mt-0',
                       type === 'hero'
                         ? 'text-2xl sm:text-4xl'
                         : 'text-xl sm:text-2xl',