feat(SW-378): Added close button to footer language switcher and made it slide up from below

components/LanguageSwitcher/LanguageSwitcherContent/index.tsx

@@ -3,9 +3,8 @@
 import { useIntl } from "react-intl"
 
 import { Lang, languages } from "@/constants/languages"
-import useDropdownStore from "@/stores/main-menu"
 
-import { CheckIcon, ChevronLeftIcon } from "@/components/Icons"
+import { CheckIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import useLang from "@/hooks/useLang"
@@ -13,38 +12,19 @@ import { useTrapFocus } from "@/hooks/useTrapFocus"
 
 import styles from "./languageSwitcherContent.module.css"
 
-import { DropdownTypeEnum } from "@/types/components/dropdown/dropdown"
-import type { LanguageSwitcherProps } from "@/types/components/languageSwitcher/languageSwitcher"
+import type { LanguageSwitcherContentProps } from "@/types/components/languageSwitcher/languageSwitcher"
 
 export default function LanguageSwitcherContent({
   urls,
-  type,
-}: LanguageSwitcherProps) {
+}: LanguageSwitcherContentProps) {
   const intl = useIntl()
   const currentLanguage = useLang()
-  const { toggleDropdown } = useDropdownStore()
+
   const languageSwitcherRef = useTrapFocus()
   const urlKeys = Object.keys(urls) as Lang[]
-  const position =
-    type === "footer"
-      ? DropdownTypeEnum.FooterLanguageSwitcher
-      : DropdownTypeEnum.HamburgerMenu
 
   return (
     <div className={styles.languageSwitcherContent} ref={languageSwitcherRef}>
-      {type === "mobileHeader" ? (
-        <div className={styles.backWrapper}>
-          <button
-            type="button"
-            className={styles.backButton}
-            onClick={() => toggleDropdown(position)}
-          >
-            <ChevronLeftIcon color="red" />
-            <Subtitle type="one">Main Menu</Subtitle>
-          </button>
-        </div>
-      ) : null}
-
       <div className={styles.languageWrapper}>
         <Subtitle className={styles.subtitle} type="two">
           {intl.formatMessage({ id: "Select your language" })}