[enhancement]: support serach on settings page

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

@@ -1,5 +1,5 @@
 import { lazy, Suspense, useMemo } from 'react';
-import { Divider, Stack } from '@mantine/core';
+import { Stack } from '@mantine/core';
 import { AudioSettings } from '/@/renderer/features/settings/components/playback/audio-settings';
 import { ScrobbleSettings } from '/@/renderer/features/settings/components/playback/scrobble-settings';
 import isElectron from 'is-electron';
@@ -15,13 +15,12 @@ export const PlaybackTab = () => {
     const hasFancyAudio = useMemo(() => {
         return isElectron() || 'AudioContext' in window;
     }, []);
+
     return (
         <Stack spacing="md">
-            <AudioSettings />
+            <AudioSettings hasFancyAudio={hasFancyAudio} />
             <Suspense fallback={<></>}>{hasFancyAudio && <MpvSettings />}</Suspense>
-            <Divider />
             <ScrobbleSettings />
-            <Divider />
             <LyricSettings />
         </Stack>
     );