Slight refactor

src/pages/settings/Settings.tsx

@@ -1,4 +1,5 @@
 import { ActionIcon, Group, Stack, Tabs, Text } from '@mantine/core';
+import { useCommonHooks } from 'hooks';
 import {
 	FiArrowLeftCircle,
 	FiBook,
@@ -19,8 +20,8 @@ import Personalization from './components/Personalization';
 import SearchProviders from './components/SearchProviders';
 import Themes from './components/Themes';
 
-export function Settings({ theme, setTheme, allThemes }: any) {
-	const isMobile = window.matchMedia('(max-width: 600px)').matches;
+export function Settings() {
+	const { isMobile } = useCommonHooks();
 	const navigate = useNavigate();
 	return (
 		<Stack px={'2rem'}>
@@ -76,7 +77,7 @@ export function Settings({ theme, setTheme, allThemes }: any) {
 					<Categories />
 				</Tabs.Panel>
 				<Tabs.Panel value='themes'>
-					<Themes theme={theme} setTheme={setTheme} allThemes={allThemes} />
+					<Themes />
 				</Tabs.Panel>
 				<Tabs.Panel value='providers'>
 					<SearchProviders />