fix: make select clearable for spoken and written languages

Author: CDharmateja

src/shared/components/Settings/Profile/Language/index.jsx

@@ -441,7 +441,13 @@ export default class Language extends ConsentComponent {
                   <Select
                     name="spokenLevel"
                     options={dropdowns.spokenLevel}
-                    onChange={this.onUpdateSelect}
+                    onChange={(option) => {
+                      if (option) {
+                        this.onUpdateSelect(option);
+                      } else {
+                        this.onUpdateSelect({ key: 'spokenLevel', name: '' });
+                      }
+                    }}
                     value={newLanguage.spokenLevel}
                     placeholder="Spoken level"
                     labelKey="name"
@@ -461,7 +467,13 @@ export default class Language extends ConsentComponent {
                   <Select
                     name="writtenLevel"
                     options={dropdowns.writtenLevel}
-                    onChange={this.onUpdateSelect}
+                    onChange={(option) => {
+                      if (option) {
+                        this.onUpdateSelect(option);
+                      } else {
+                        this.onUpdateSelect({ key: 'writtenLevel', name: '' });
+                      }
+                    }}
                     value={newLanguage.writtenLevel}
                     placeholder="Written level"
                     labelKey="name"