fix: add readonly mode to editor

pages/project/@slug/components/file-listing.tsx

@@ -58,12 +58,12 @@ const FileListing = () => {
             <ActionButton icon={FiMoreVertical} />
           </DropdownMenuTrigger>
           <DropdownMenuContent align="start">
-            <DropdownMenuItem>Upload File</DropdownMenuItem>
-            <DropdownMenuSeparator />
+            {/* <DropdownMenuItem>Upload File</DropdownMenuItem> */}
+            {/* <DropdownMenuSeparator /> */}
             <DropdownMenuItem onClick={() => settingsDialog.setState(true)}>
               Project Settings
             </DropdownMenuItem>
-            <DropdownMenuItem>Download Project</DropdownMenuItem>
+            {/* <DropdownMenuItem>Download Project</DropdownMenuItem> */}
           </DropdownMenuContent>
         </DropdownMenu>
       </div>

pages/project/@slug/components/file-viewer.tsx

@@ -47,8 +47,13 @@ const FileViewer = ({ id }: Props) => {
           filename={data.filename}
           path={data.path}
           value={data.content || ""}
+          isReadOnly={!project.isMutable}
           formatOnSave
           onChange={(val) => {
+            if (!project.isMutable) {
+              return;
+            }
+
             updateFileContent.mutate({
               projectId: project.id,
               id,

pages/project/@slug/context/project.tsx

@@ -2,7 +2,7 @@ import { createContext, useContext } from "react";
 import type { ProjectSchema } from "~/server/db/schema/project";
 
 type TProjectContext = {
-  project: ProjectSchema;
+  project: ProjectSchema & { isMutable: boolean };
   isCompact?: boolean;
   isEmbed?: boolean;
 };