Add rename and delete workspace ui elements

frontend/src/components/settings/DangerZoneSettings.js

@@ -0,0 +1,40 @@
+import React, { useState } from 'react';
+import { Box, Button, Title } from '@mantine/core';
+import DeleteWorkspaceModal from '../modals/DeleteWorkspaceModal';
+import { useWorkspace } from '../../contexts/WorkspaceContext';
+
+const DangerZoneSettings = () => {
+  const { currentWorkspace } = useWorkspace();
+  const [deleteModalOpened, setDeleteModalOpened] = useState(false);
+
+  const handleDelete = () => {
+    // TODO: Implement delete functionality
+    setDeleteModalOpened(false);
+  };
+
+  return (
+    <Box mb="md">
+      <Title order={3} mb="md">
+        Danger Zone
+      </Title>
+
+      <Button
+        color="red"
+        variant="light"
+        onClick={() => setDeleteModalOpened(true)}
+        fullWidth
+      >
+        Delete Workspace
+      </Button>
+
+      <DeleteWorkspaceModal
+        opened={deleteModalOpened}
+        onClose={() => setDeleteModalOpened(false)}
+        onConfirm={handleDelete}
+        workspaceName={currentWorkspace?.name}
+      />
+    </Box>
+  );
+};
+
+export default DangerZoneSettings;

frontend/src/components/settings/GeneralSettings.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Title, Box, TextInput, Text, Grid } from '@mantine/core';
+import { useWorkspace } from '../../contexts/WorkspaceContext';
+
+const GeneralSettings = ({ onInputChange }) => {
+  const { currentWorkspace } = useWorkspace();
+
+  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>
+        </Grid.Col>
+        <Grid.Col span={6}>
+          <TextInput
+            value={currentWorkspace?.name || ''}
+            onChange={(event) =>
+              onInputChange('name', event.currentTarget.value)
+            }
+            placeholder="Enter workspace name"
+          />
+        </Grid.Col>
+      </Grid>
+    </Box>
+  );
+};
+
+export default GeneralSettings;