feat(workspace/editor): add language server config support and optimize data fetching logic

src/app/(app)/problems/[id]/@workspace/@editor/page.tsx

@@ -1,4 +1,5 @@
 import prisma from "@/lib/prisma";
+import { notFound } from "next/navigation";
 import CodeEditor from "@/components/code-editor";
 import WorkspaceEditorHeader from "@/components/features/playground/workspace/editor/components/header";
 import WorkspaceEditorFooter from "@/components/features/playground/workspace/editor/components/footer";
@@ -12,30 +13,37 @@ export default async function WorkspaceEditorPage({
 }: WorkspaceEditorProps) {
   const { id } = await params;
 
-  const problem = await prisma.problem.findUnique({
+  const [problem, editorLanguageConfigs, languageServerConfigs] = await Promise.all([
-    where: { id },
+    prisma.problem.findUnique({
-    select: {
+      where: { id },
-      templates: {
+      select: {
-        select: {
+        templates: {
-          language: true,
+          select: {
-          template: true,
+            language: true,
+            template: true,
+          },
         },
       },
-    },
+    }),
-  });
+    prisma.editorLanguageConfig.findMany(),
+    prisma.languageServerConfig.findMany(),
+  ]);
 
-  const editorLanguageConfigs = await prisma.editorLanguageConfig.findMany();
+  if (!problem) {
+    return notFound();
+  }
 
-  const templates = problem?.templates ?? [];
+  const commonProps = {
+    templates: problem.templates ?? [],
+    editorLanguageConfigs,
+    languageServerConfigs,
+  };
 
   return (
     <>
-      <WorkspaceEditorHeader
+      <WorkspaceEditorHeader {...commonProps} />
-        templates={templates}
-        editorLanguageConfigs={editorLanguageConfigs}
-      />
       <div className="flex-1">
-        <CodeEditor problemId={id} templates={templates} />
+        <CodeEditor problemId={id} {...commonProps} />
       </div>
       <WorkspaceEditorFooter />
     </>