Theme updates and style fixes

src/pages/settings/components/Shared/SettingsHeader.tsx

@@ -10,6 +10,7 @@ import {
 	TextInput,
 } from '@mantine/core';
 import { useCommonHooks } from 'hooks';
+import { useState } from 'react';
 import { FiHelpCircle, FiLoader, FiPlus } from 'react-icons/fi';
 import {
 	actionIconClasses,
@@ -46,6 +47,7 @@ function SettingsHeader({
 	setIsLoading: (isLoading: boolean) => void;
 }) {
 	const { isMobile } = useCommonHooks();
+	const [disabled, setDisabled] = useState(false);
 	return (
 		<Group
 			align='center'
@@ -119,6 +121,7 @@ function SettingsHeader({
 			</Group>
 			{searchValue !== undefined && (
 				<TextInput
+					disabled={disabled}
 					w={isMobile ? undefined : '35%'}
 					pos={isMobile ? undefined : 'absolute'}
 					className={textInputClasses.settingsItem}
@@ -156,6 +159,7 @@ function SettingsHeader({
 					top={isMobile ? '3.5rem' : undefined}
 					onChange={(e) => {
 						setDragging(e.target.checked);
+						setDisabled(e.target.checked);
 					}}
 				/>
 			)}