fix: mobile picker positioning

resolves RTL positioning bug

Author: wackerow

src/components/LanguagePicker/index.tsx

@@ -25,7 +25,7 @@ import { useLanguagePicker } from "./useLanguagePicker"
 
 type LanguagePickerProps = Omit<MenuListProps, "children"> & {
   children: React.ReactNode
-  placement: MenuProps["placement"]
+  placement?: MenuProps["placement"]
   handleClose?: () => void
   menuState?: UseDisclosureReturn
 }

src/components/Nav/Mobile.tsx

@@ -337,8 +337,8 @@ const MobileNavMenu: React.FC<IProps> = ({
                 <FooterItemText>{t(themeLabelKey)}</FooterItemText>
               </FooterButton>
               <LanguagePicker
-                placement="top-end"
-                h="calc(100svh - var(--eth-sizes-8))"
+                hideFrom="lg" // TODO: Confirm breakpoint after nav-menu PR merged
+                position="fixed"
                 w="calc(100vw - var(--eth-sizes-8))"
                 inset="4"
                 handleClose={onToggle}