wire up language selector

_scss/pages/home.scss

@@ -80,6 +80,10 @@ a:active {
     padding: 0 10px;
     width: 100px;
   }
+  .language-selector:hover {
+    cursor: pointer;
+    text-decoration: none;
+  }
 
   .language-code {
     margin: 0 8px;
@@ -103,6 +107,56 @@ a:active {
   font-weight: bold;
 }
 
+.language-selector-container {
+  h2.modal__title {
+    text-align: left;
+    font-size: 18px;
+    font-weight: 500;
+    margin: 20px 0;
+  }
+  min-width: 300px;
+}
+
+.language-selection {
+  align-items: center;
+  display: flex;
+  margin: 15px 0px;
+  input[type="radio"] {
+    appearance: none;
+    width: 18px;
+    height: 18px;
+    border: 2px solid #9B9A98;
+    border-radius: 50%;
+    position: relative;
+    cursor: pointer;
+  }
+
+  input[type="radio"]::before {
+    content: '';
+    display: block;
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    background: #333; /* Change this to your desired color */
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    opacity: 0;
+    transition: opacity 0.2s ease-in-out;
+  }
+
+  label {
+    font-size: 16px;
+    margin-left: 20px;
+    cursor: pointer;
+  }
+}
+.language-selection:hover {
+  text-decoration: none;
+}
+
+
 .content {
   padding: 20px;
 }