Slight refactor

src/pages/settings/components/ThemeModal.tsx

@@ -13,6 +13,7 @@ import {
 	Text,
 	TextInput,
 } from '@mantine/core';
+import { useCommonHooks } from 'hooks';
 import { FiSave, FiX } from 'react-icons/fi';
 import { modalClasses, selectClasses, textClasses } from 'styles';
 import ThemeModalContent from './ThemeModalContent';
@@ -22,7 +23,6 @@ function ThemeModal({
 	handleClose,
 	selectedTheme,
 	setSelectedTheme,
-	theme,
 	setColorId,
 	colorId,
 	setColorValue,
@@ -33,6 +33,7 @@ function ThemeModal({
 	closePicker,
 	handleSaveTheme,
 }: any) {
+	const { theme } = useCommonHooks();
 	return (
 		<Modal.Root
 			size={'50%'}