🎨 styles: fix dot in icon filter from header

:%s

src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss

@@ -50,10 +50,6 @@
                     width: 1.2rem;
                     height: 1.2rem;
                     border-radius: 1.2rem;
-                    @apply hidden;
-                    &.isShow {
-                        @apply block;
-                    }
                 }
                 @screen md {
                     display: none;

src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx

@@ -27,7 +27,6 @@ interface Props {
   children?: any
   isFull?: boolean
   isStickyHeader?: boolean
-  visibleFilter?: boolean
   openModalLogin: () => void
   openModalRegister: () => void
   openModalInfo: () => void
@@ -38,7 +37,6 @@ const HeaderMenu = memo(
   ({
     isFull,
     isStickyHeader,
-    visibleFilter,
     openModalLogin,
     openModalRegister,
     openModalInfo,
@@ -105,12 +103,7 @@ const HeaderMenu = memo(
               {FILTER_PAGE.includes(router.pathname) && (
                 <button className={s.iconFilter} onClick={toggleFilter}>
                   <IconFilter />
-                  <div
+                  <div className={s.dot}></div>
-                    className={classNames({
-                      [s.dot]: true,
-                      [s.isShow]: visibleFilter,
-                    })}
-                  ></div>
                 </button>
               )}
               <button

src/components/common/Header/components/HeaderSubMenuMobile/HeaderSubMenuMobile.tsx

@@ -68,4 +68,5 @@ const HeaderSubMenuMobile = memo(({ }: Props) => {
     )
 })
 
+HeaderSubMenuMobile.displayName = 'HeaderSubMenuMobile'
 export default HeaderSubMenuMobile