Add show hidden files toggle to settings

frontend/src/components/settings/workspace/EditorSettings.jsx

@@ -1,11 +1,16 @@
 import React from 'react';
-import { Text, Switch, Tooltip, Group, Box, Title } from '@mantine/core';
+import { Text, Switch, Tooltip, Group, Box } from '@mantine/core';
 
-const EditorSettings = ({ autoSave, onAutoSaveChange }) => {
+const EditorSettings = ({
+  autoSave,
+  showHiddenFiles,
+  onAutoSaveChange,
+  onShowHiddenFilesChange,
+}) => {
   return (
     <Box mb="md">
       <Tooltip label="Auto Save feature is coming soon!" position="left">
-        <Group justify="space-between" align="center">
+        <Group justify="space-between" align="center" mb="sm">
           <Text size="sm">Auto Save</Text>
           <Switch
             checked={autoSave}
@@ -14,6 +19,16 @@ const EditorSettings = ({ autoSave, onAutoSaveChange }) => {
           />
         </Group>
       </Tooltip>
+
+      <Group justify="space-between" align="center">
+        <Text size="sm">Show Hidden Files</Text>
+        <Switch
+          checked={showHiddenFiles}
+          onChange={(event) =>
+            onShowHiddenFilesChange(event.currentTarget.checked)
+          }
+        />
+      </Group>
     </Box>
   );
 };

frontend/src/components/settings/workspace/WorkspaceSettings.jsx

@@ -67,6 +67,7 @@ const WorkspaceSettings = () => {
         name: currentWorkspace.name,
         theme: currentWorkspace.theme,
         autoSave: currentWorkspace.autoSave,
+        showHiddenFiles: currentWorkspace.showHiddenFiles,
         gitEnabled: currentWorkspace.gitEnabled,
         gitUrl: currentWorkspace.gitUrl,
         gitUser: currentWorkspace.gitUser,
@@ -185,6 +186,10 @@ const WorkspaceSettings = () => {
                 onAutoSaveChange={(value) =>
                   handleInputChange('autoSave', value)
                 }
+                showHiddenFiles={state.localSettings.showHiddenFiles}
+                onShowHiddenFilesChange={(value) =>
+                  handleInputChange('showHiddenFiles', value)
+                }
               />
             </Accordion.Panel>
           </Accordion.Item>