Filter hidden files on frontend

frontend/src/components/files/FileTree.jsx

@@ -65,10 +65,17 @@ const Node = ({ node, style, dragHandle }) => {
   );
 };
 
-const FileTree = ({ files, handleFileSelect }) => {
+const FileTree = ({ files, handleFileSelect, showHiddenFiles }) => {
   const target = useRef(null);
   const size = useSize(target);
 
+  files = files.filter((file) => {
+    if (file.name.startsWith('.') && !showHiddenFiles) {
+      return false;
+    }
+    return true;
+  });
+
   return (
     <div
       ref={target}

frontend/src/components/layout/Sidebar.jsx

@@ -28,7 +28,7 @@ const Sidebar = ({ selectedFile, handleFileSelect, files, loadFileList }) => {
       <FileTree
         files={files}
         handleFileSelect={handleFileSelect}
-        selectedFile={selectedFile}
+        showHiddenFiles={settings.showHiddenFiles}
       />
     </Box>
   );