Improve Settings modal

frontend/src/components/settings/AppearanceSettings.js

@@ -13,9 +13,6 @@ const AppearanceSettings = ({ themeSettings, onThemeChange }) => {
 
   return (
     <Box mb="md">
-      <Title order={3} mb="md">
-        Appearance
-      </Title>
       <Group justify="space-between" align="center">
         <Text size="sm">Dark Mode</Text>
         <Switch checked={colorScheme === 'dark'} onChange={handleThemeChange} />

frontend/src/components/settings/DangerZoneSettings.js

@@ -18,10 +18,6 @@ const DangerZoneSettings = () => {
 
   return (
     <Box mb="md">
-      <Title order={3} mb="md">
-        Danger Zone
-      </Title>
-
       <Button
         color="red"
         variant="light"

frontend/src/components/settings/EditorSettings.js

@@ -4,9 +4,6 @@ import { Text, Switch, Tooltip, Group, Box, Title } from '@mantine/core';
 const EditorSettings = ({ autoSave, onAutoSaveChange }) => {
   return (
     <Box mb="md">
-      <Title order={3} mb="md">
-        Editor
-      </Title>
       <Tooltip label="Auto Save feature is coming soon!" position="left">
         <Group justify="space-between" align="center">
           <Text size="sm">Auto Save</Text>

frontend/src/components/settings/GeneralSettings.js

@@ -4,10 +4,6 @@ import { Title, Box, TextInput, Text, Grid } from '@mantine/core';
 const GeneralSettings = ({ name, onInputChange }) => {
   return (
     <Box mb="md">
-      <Title order={3} mb="md">
-        General
-      </Title>
-
       <Grid gutter="md" align="center">
         <Grid.Col span={6}>
           <Text size="sm">Workspace Name</Text>

frontend/src/components/settings/GitSettings.js

@@ -21,7 +21,6 @@ const GitSettings = ({
 }) => {
   return (
     <Stack spacing="md">
-      <Title order={3}>Git Integration</Title>
       <Grid gutter="md" align="center">
         <Grid.Col span={6}>
           <Text size="sm">Enable Git</Text>