feat: basic entities of kb

web/src/app/home/knowledge/page.tsx

@@ -2,8 +2,22 @@
 
 import CreateCardComponent from '@/app/infra/basic-component/create-card-component/CreateCardComponent';
 import styles from './knowledgeBase.module.css';
+import { useTranslation } from 'react-i18next';
+import { useState } from 'react';
+import { KnowledgeBaseVO } from '@/app/home/knowledge/components/kb-card/KBCardVO';
+import KBCard from '@/app/home/knowledge/components/kb-card/KBCard';
 
 export default function KnowledgePage() {
+  const { t } = useTranslation();
+  const [knowledgeBaseList, setKnowledgeBaseList] = useState<KnowledgeBaseVO[]>(
+    [],
+  );
+
+  const handleKBCardClick = (kbId: string) => {
+    // setIsEditForm(false);
+    // setModalOpen(true);
+  };
+
   return (
     <div>
       <div className={styles.knowledgeListContainer}>
@@ -16,6 +30,14 @@ export default function KnowledgePage() {
             // setModalOpen(true);
           }}
         />
+
+        {knowledgeBaseList.map((kb) => {
+          return (
+            <div key={kb.id} onClick={() => handleKBCardClick(kb.id)}>
+              <KBCard kbCardVO={kb} />
+            </div>
+          );
+        })}
       </div>
     </div>
   );