fix: reload the entire file list after adding or deleting files

frontend/lib/utils.ts

@@ -2,7 +2,7 @@ import { type ClassValue, clsx } from "clsx"
 // import { toast } from "sonner"
 import { twMerge } from "tailwind-merge"
 import fileExtToLang from "./file-extension-to-language.json"
-import { Sandbox, TFile, TFolder } from "./types"
+import { TFile, TFolder } from "./types"
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
@@ -38,31 +38,6 @@ export function validateName(
   return { status: true, message: "" }
 }
 
-export function addNew(
-  name: string,
-  type: "file" | "folder",
-  setFiles: React.Dispatch<React.SetStateAction<(TFolder | TFile)[]>>,
-  sandboxData: Sandbox
-) {
-  if (type === "file") {
-    setFiles((prev) => [
-      ...prev,
-      { id: `projects/${sandboxData.id}/${name}`, name, type: "file" },
-    ])
-  } else {
-    console.log("adding folder")
-    setFiles((prev) => [
-      ...prev,
-      {
-        id: `projects/${sandboxData.id}/${name}`,
-        name,
-        type: "folder",
-        children: [],
-      },
-    ])
-  }
-}
-
 export function debounce<T extends (...args: any[]) => void>(
   func: T,
   wait: number