feat: add a row for no chatbot state

frontend/src/locale/en.json

@@ -62,7 +62,8 @@
       "name": "Name",
       "key": "API Key",
       "sourceDoc": "Source Document",
-      "createNew": "Create New"
+      "createNew": "Create New",
+      "noData": "No existing Chatbots"
     },
     "analytics": {
       "label": "Analytics"

frontend/src/locale/es.json

@@ -62,7 +62,8 @@
       "name": "Nombre",
       "key": "Clave de API",
       "sourceDoc": "Documento Fuente",
-      "createNew": "Crear Nuevo"
+      "createNew": "Crear Nuevo",
+      "noData": "No hay chatbots existentes"
     },
     "analytics": {
       "label": "Analítica"

frontend/src/locale/jp.json

@@ -62,7 +62,8 @@
       "name": "名前",
       "key": "APIキー",
       "sourceDoc": "ソースドキュメント",
-      "createNew": "新規作成"
+      "createNew": "新規作成",
+      "noData": "既存のチャットボットはありません"
     },
     "analytics": {
       "label": "分析"

frontend/src/locale/zh.json

@@ -62,7 +62,8 @@
       "name": "名称",
       "key": "API 密钥",
       "sourceDoc": "源文档",
-      "createNew": "创建新的"
+      "createNew": "创建新的",
+      "noData": "没有现有的聊天机器人"
     },
     "analytics": {
       "label": "分析"

frontend/src/settings/APIKeys.tsx

@@ -116,6 +116,13 @@ export default function APIKeys() {
                 </tr>
               </thead>
               <tbody>
+                {!apiKeys?.length && (
+                  <tr>
+                    <td colSpan={4} className="border-r border-t p-4">
+                      {t('settings.apiKeys.noData')}
+                    </td>
+                  </tr>
+                )}
                 {apiKeys?.map((element, index) => (
                   <tr key={index}>
                     <td className="border-r border-t p-4">{element.name}</td>