- start addressing Alans feedback

src/components/SettingForms/Sound/SoundSettingsFields.tsx

@@ -12,7 +12,7 @@ const SoundSettingsFields = () => {
   const hotlists: Hotlist[] = state.hotlists;
 
   const soundOptions = state?.soundOptions?.map((soundOption) => ({
-    value: soundOption?.name,
+    value: soundOption?.soundFile,
     label: soundOption?.name,
   }));
 
@@ -48,7 +48,7 @@ const SoundSettingsFields = () => {
             >
               {soundOptions?.map(({ value, label }) => {
                 return (
-                  <option key={value} value={value}>
+                  <option key={label} value={value}>
                     {label}
                   </option>
                 );
@@ -78,14 +78,8 @@ const SoundSettingsFields = () => {
                   <div className="w-full m-2">
                     {values?.hotlists?.length > 0 ? (
                       values?.hotlists?.map((hotlist, index) => (
-                        <div
-                          key={hotlist.name}
-                          className="flex items-center m-2 w-full justify-between"
-                        >
-                          <label
-                            htmlFor={`hotlists.${index}.sound`}
-                            className="w-32 shrink-0"
-                          >
+                        <div key={hotlist.name} className="flex items-center m-2 w-full justify-between">
+                          <label htmlFor={`hotlists.${index}.sound`} className="w-32 shrink-0">
                             {hotlist.name}
                           </label>
                           <Field