fix lint

Author: Aibono1225

lib/components/CountryDropdown/CountryDropdown.tsx

@@ -51,7 +51,7 @@ const CountryDropdown = ({ url, className }: CountryDropdownProps) => {
     <Popover className={cx(className)}>
       <Popover.Button
         className={cx(
-          "flex items-center justify-center gap-x-1 rounded-md px-4 py-1 xs:px-5 text-sm font-semibold text-ssw-black outline-none",
+          "flex items-center justify-center gap-x-1 rounded-md px-4 py-1 text-sm font-semibold text-ssw-black outline-none xs:px-5",
           "hover:scale-105",
         )}
         onClick={() => setIsOpened(!isOpened)}

lib/components/MegaMenuLayout/MegaMenuLayout.tsx

@@ -118,7 +118,7 @@ const MegaMenuContents: React.FC<MegaMenuWrapperProps> = ({
               <PhoneButton className="max-sm:hidden" />
             )}
             {isFlagVisible && <CountryDropdown />}
-            {isFlagVisible && <Divider />} 
+            {isFlagVisible && <Divider />}
             <button
               type="button"
               className="inline-flex items-center justify-center rounded-md px-1 text-gray-700 xs:px-4"

lib/components/MobileMenu/MobileMenu.tsx

@@ -35,7 +35,7 @@ const MobileMenu: React.FC<MobileMenuProps> = ({
         <div className="flex h-16 items-center justify-end p-4">
           <button
             type="button"
-            className="p-2 xs:p-4 text-gray-700"
+            className="p-2 text-gray-700 xs:p-4"
             onClick={onCloseMobileMenu}
           >
             <span className="sr-only">Close menu</span>
@@ -55,8 +55,8 @@ const MobileMenu: React.FC<MobileMenuProps> = ({
         </div>
         <div className="flow-root">
           {selectedMenuItem &&
-            selectedMenuItem.menuColumns &&
-            selectedMenuItem.sidebarItems ? (
+          selectedMenuItem.menuColumns &&
+          selectedMenuItem.sidebarItems ? (
             <MenuContextProvider value={{ close: onCloseMobileMenu }}>
               <SubMenuGroup
                 menuColumns={selectedMenuItem.menuColumns}

lib/components/ui/Divider.tsx

@@ -2,5 +2,5 @@ import type { ClassValue } from "clsx";
 import { cx } from "../../util/cx";
 
 export const Divider = ({ className }: { className?: ClassValue }) => (
-    <div className={cx("h-4 w-px bg-gray-700/30", className)}></div>
-);
+  <div className={cx("h-4 w-px bg-gray-700/30", className)}></div>
+);