Implement knowledge base page routing and enhance ComponentsKnowledgePage

- Update the main knowledge page to support a list mode.
- Add new pages for creating and editing knowledge bases, utilizing the ComponentsKnowledgePage component with appropriate modes.
- Introduce a new API method for retrieving knowledge base details by ID.
- Enhance the ComponentsKnowledgePage to handle different modes (list, create, edit) and improve user interaction with knowledge bases.

frontend/src/app/components/knowledge/[id]/page.tsx

@@ -0,0 +1,10 @@
+import { ComponentsKnowledgePage } from "@/components/pages/ComponentsKnowledgePage";
+
+export default async function Page({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+  return <ComponentsKnowledgePage mode="edit" knowledgeBaseId={id} />;
+}

frontend/src/app/components/knowledge/new/page.tsx

@@ -0,0 +1,5 @@
+import { ComponentsKnowledgePage } from "@/components/pages/ComponentsKnowledgePage";
+
+export default function Page() {
+  return <ComponentsKnowledgePage mode="create" />;
+}

frontend/src/app/components/knowledge/page.tsx

@@ -1,5 +1,5 @@
 import { ComponentsKnowledgePage } from "@/components/pages/ComponentsKnowledgePage";
 
 export default function Page() {
-  return <ComponentsKnowledgePage />;
+  return <ComponentsKnowledgePage mode="list" />;
 }