Set the color for the drop down arrow

Issue: GREG-72

frontend/src/components/languageselector/index.tsx

@@ -2,7 +2,6 @@ import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { MenuItem, Select, SelectChangeEvent } from '@mui/material'
 
-
 function LanguageSelector() {
   const { i18n, t } = useTranslation('common')
   const [selectedLanguage, setSelectedLanguage] = useState('en')
@@ -24,18 +23,24 @@ function LanguageSelector() {
   }
 
   return (
-    <Select labelId='language-select'
-            label={t('header.selectLanguage')}
-            sx={{ color: 'white' }}
-            variant='standard'
-            value={selectedLanguage}
-            onChange={handleLanguageChange}
+    <Select
+      labelId="language-select"
+      label={t('header.selectLanguage')}
+      sx={{
+        color: 'white',
+        '& .MuiSelect-icon': {
+          color: 'white',
+        },
+      }}
+      variant="standard"
+      value={selectedLanguage}
+      onChange={handleLanguageChange}
     >
-      {
-        Array.from(languageOptions.entries()).map((entry) => (<MenuItem value={entry[0]}>{entry[1]}</MenuItem>))
-      }
+      {Array.from(languageOptions.entries()).map((entry) => (
+        <MenuItem value={entry[0]}>{entry[1]}</MenuItem>
+      ))}
     </Select>
   )
 }
 
-export default LanguageSelector
+export default LanguageSelector
\ No newline at end of file