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

components/LanguageSwitcher/languageSwitcher.module.css

@@ -31,20 +31,36 @@
 
 .dropdown {
   position: fixed;
-  top: var(--main-menu-mobile-height);
-  right: -100vw;
-  bottom: 0;
   width: 100%;
   background-color: var(--Base-Surface-Primary-light-Normal);
-  transition: right 0.3s;
   z-index: var(--menu-overlay-z-index);
 }
 
-.dropdown.isExpanded {
+.top .dropdown {
+  right: -100vw;
+  top: var(--main-menu-mobile-height);
+  bottom: 0;
+  transition: right 0.3s;
+}
+
+.top .dropdown.isExpanded {
   display: block;
   right: 0;
 }
 
+.bottom .dropdown {
+  transition: transform 0.3s;
+  width: 100%;
+  height: 100vh;
+  left: 0;
+  bottom: 0;
+  transform: translateY(100%);
+}
+
+.bottom .dropdown.isExpanded {
+  transform: translateY(0);
+}
+
 @media screen and (min-width: 768px) {
   .languageSwitcher {
     position: relative;
@@ -81,10 +97,16 @@
   }
 
   .bottom .dropdown {
-    top: auto;
+    transition: none;
+    height: auto;
+    left: -100%;
     bottom: 2.25rem;
   }
 
+  .bottom .dropdown.isExpanded {
+    display: block;
+  }
+
   .bottom .dropdown::before {
     top: 100%;
   }