File editor groundwork and refactor work

frontend/src/components/shared/TopControls.tsx

@@ -9,6 +9,7 @@ import AutoAwesomeIcon from '@mui/icons-material/AutoAwesome';
 import VisibilityIcon from "@mui/icons-material/Visibility";
 import EditNoteIcon from "@mui/icons-material/EditNote";
 import InsertDriveFileIcon from "@mui/icons-material/InsertDriveFile";
+import FolderIcon from "@mui/icons-material/Folder";
 import { Group } from "@mantine/core";
 
 const VIEW_OPTIONS = [
@@ -36,6 +37,14 @@ const VIEW_OPTIONS = [
     ),
     value: "fileManager",
   },
+  {
+    label: (
+      <Group gap={4}>
+        <FolderIcon fontSize="small" />
+      </Group>
+    ),
+    value: "fileEditor",
+  },
 ];
 
 interface TopControlsProps {