feat: improved structure of settings

src/components/Settings/Common/CommonSettings.tsx

@@ -0,0 +1,29 @@
+import { Space, Stack, Text } from '@mantine/core';
+import { useConfigContext } from '../../../config/provider';
+import ConfigChanger from '../../Config/ConfigChanger';
+import ConfigActions from './Config/ConfigActions';
+import LanguageSelect from './Language/LanguageSelect';
+import { SearchEngineSelector } from './SearchEngine/SearchEngineSelector';
+import { SearchNewTabSwitch } from './SearchNewTabSwitch';
+
+export default function CommonSettings() {
+  const { config } = useConfigContext();
+
+  if (!config) {
+    return (
+      <Text color="red" align="center">
+        No active config
+      </Text>
+    );
+  }
+
+  return (
+    <Stack mb="md" mr="sm">
+      <SearchEngineSelector searchEngine={config.settings.common.searchEngine} />
+      <Space />
+      <LanguageSelect />
+      <ConfigChanger />
+      <ConfigActions />
+    </Stack>
+  );
+}