feat: audio label icon toggle

common/views/Settings/InterfaceSettings.svelte

@@ -5,6 +5,7 @@
   import IPC from '@/modules/ipc.js'
   import SettingCard from './SettingCard.svelte'
   import { SUPPORTS } from '@/modules/support.js'
+  import AudioLabel from '@/views/ViewAnime/AudioLabel.svelte'
   function updateAngle () {
     IPC.emit('angle', settings.value.angle)
   }
@@ -43,6 +44,14 @@
     <option value='full'>Full</option>
   </select>
 </SettingCard>
+<SettingCard title='Card Audio' description={'If the dub or sub icon should be shown on the cards in the menu.\nThis will show one of three simple icons which are previewed as follows:'}>
+  <AudioLabel example={true}/>
+  <div class='custom-switch'>
+    <input type='checkbox' id='card-audio' bind:checked={settings.cardAudio} />
+    <label for='card-audio'>{settings.cardAudio ? 'On' : 'Off'}</label>
+    
+  </div>
+</SettingCard>
 {#if SUPPORTS.angle}
   <h4 class='mb-10 font-weight-bold'>Rendering Settings</h4>
   <SettingCard title='ANGLE Backend' description="What ANGLE backend to use for rendering. DON'T CHANGE WITHOUT REASON! On some Windows machines D3D9 might help with flicker. Changing this setting to something your device doesn't support might prevent Miru from opening which will require a full reinstall. While Vulkan is an available option it might not be fully supported on Linux.">