restructure files onto electron-vite boilerplate

src/renderer/features/settings/components/playback/audio-settings.tsx

@@ -1,15 +1,16 @@
-import { useEffect, useState } from 'react';
 import { SelectItem } from '@mantine/core';
 import isElectron from 'is-electron';
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
 import { Select, Slider, Switch, toast } from '/@/renderer/components';
 import {
-    SettingsSection,
     SettingOption,
+    SettingsSection,
 } from '/@/renderer/features/settings/components/settings-section';
 import { useCurrentStatus, usePlayerStore } from '/@/renderer/store';
 import { usePlaybackSettings, useSettingsStoreActions } from '/@/renderer/store/settings.store';
-import { PlaybackType, PlayerStatus, PlaybackStyle, CrossfadeStyle } from '/@/renderer/types';
-import { useTranslation } from 'react-i18next';
+import { CrossfadeStyle, PlaybackStyle, PlaybackType, PlayerStatus } from '/@/renderer/types';
 import { setQueue } from '/@/renderer/utils/set-transcoded-queue-data';
 
 const getAudioDevice = async () => {
@@ -163,10 +164,10 @@ export const AudioSettings = ({ hasFancyAudio }: { hasFancyAudio: boolean }) =>
                     }
                     max={15}
                     min={0}
-                    w={100}
                     onChangeEnd={(e) =>
                         setSettings({ playback: { ...settings, crossfadeDuration: e } })
                     }
+                    w={100}
                 />
             ),
             description: t('setting.crossfadeDuration', {
@@ -202,13 +203,13 @@ export const AudioSettings = ({ hasFancyAudio }: { hasFancyAudio: boolean }) =>
                         settings.style !== PlaybackStyle.CROSSFADE ||
                         status === PlayerStatus.PLAYING
                     }
-                    width={200}
                     onChange={(e) => {
                         if (!e) return;
                         setSettings({
                             playback: { ...settings, crossfadeStyle: e as CrossfadeStyle },
                         });
                     }}
+                    width={200}
                 />
             ),
             description: t('setting.crossfadeStyle', {