sandbox data route + cosmetic changes

frontend/lib/utils.ts

@@ -4,3 +4,13 @@ import { twMerge } from "tailwind-merge"
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
 }
+
+export function processFileType(file: string) {
+  const ending = file.split(".").pop()
+
+  if (ending === "ts" || ending === "tsx") return "typescript"
+  if (ending === "js" || ending === "jsx") return "javascript"
+
+  if (ending) return ending
+  return "plaintext"
+}