feat: agents route replacing chatbots

- Removed API Keys tab from SettingsBar and adjusted tab layout.
- Improved styling for tab scrolling buttons and gradient indicators.
- Introduced AgentDetailsModal for displaying agent access details.
- Updated Analytics component to fetch agent data and handle analytics for selected agent.
- Refactored Logs component to accept agentId as a prop for filtering logs.
- Enhanced type definitions for InputProps to include textSize.
- Cleaned up unused imports and optimized component structure across various files.

frontend/src/settings/index.tsx

@@ -1,7 +1,13 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
-import { useLocation, useNavigate, Routes, Route, Navigate } from 'react-router-dom';
+import {
+  Navigate,
+  Route,
+  Routes,
+  useLocation,
+  useNavigate,
+} from 'react-router-dom';
 
 import userService from '../api/services/userService';
 import SettingsBar from '../components/SettingsBar';
@@ -10,12 +16,11 @@ import { Doc } from '../models/misc';
 import {
   selectPaginatedDocuments,
   selectSourceDocs,
+  selectToken,
   setPaginatedDocuments,
   setSourceDocs,
-  selectToken,
 } from '../preferences/preferenceSlice';
 import Analytics from './Analytics';
-import APIKeys from './APIKeys';
 import Documents from './Documents';
 import General from './General';
 import Logs from './Logs';
@@ -27,13 +32,16 @@ export default function Settings() {
   const { t } = useTranslation();
   const navigate = useNavigate();
   const location = useLocation();
-  const [widgetScreenshot, setWidgetScreenshot] = React.useState<File | null>(null);
+  const [widgetScreenshot, setWidgetScreenshot] = React.useState<File | null>(
+    null,
+  );
 
   const getActiveTabFromPath = () => {
     const path = location.pathname;
-    if (path.includes('/settings/documents')) return t('settings.documents.label');
-    if (path.includes('/settings/apikeys')) return t('settings.apiKeys.label');
-    if (path.includes('/settings/analytics')) return t('settings.analytics.label');
+    if (path.includes('/settings/documents'))
+      return t('settings.documents.label');
+    if (path.includes('/settings/analytics'))
+      return t('settings.analytics.label');
     if (path.includes('/settings/logs')) return t('settings.logs.label');
     if (path.includes('/settings/tools')) return t('settings.tools.label');
     if (path.includes('/settings/widgets')) return 'Widgets';
@@ -45,9 +53,10 @@ export default function Settings() {
   const handleTabChange = (tab: string) => {
     setActiveTab(tab);
     if (tab === t('settings.general.label')) navigate('/settings');
-    else if (tab === t('settings.documents.label')) navigate('/settings/documents');
-    else if (tab === t('settings.apiKeys.label')) navigate('/settings/apikeys');
-    else if (tab === t('settings.analytics.label')) navigate('/settings/analytics');
+    else if (tab === t('settings.documents.label'))
+      navigate('/settings/documents');
+    else if (tab === t('settings.analytics.label'))
+      navigate('/settings/analytics');
     else if (tab === t('settings.logs.label')) navigate('/settings/logs');
     else if (tab === t('settings.tools.label')) navigate('/settings/tools');
     else if (tab === 'Widgets') navigate('/settings/widgets');
@@ -93,29 +102,37 @@ export default function Settings() {
   };
 
   return (
-    <div className="p-4 md:p-12 h-full overflow-auto">
+    <div className="h-full overflow-auto p-4 md:p-12">
       <p className="text-2xl font-bold text-eerie-black dark:text-bright-gray">
         {t('settings.label')}
       </p>
-      <SettingsBar activeTab={activeTab} setActiveTab={(tab) => handleTabChange(tab as string)} />
+      <SettingsBar
+        activeTab={activeTab}
+        setActiveTab={(tab) => handleTabChange(tab as string)}
+      />
       <Routes>
         <Route index element={<General />} />
-        <Route path="documents" element={
-          <Documents
-            paginatedDocuments={paginatedDocuments}
-            handleDeleteDocument={handleDeleteClick}
-          />
-        } />
-        <Route path="apikeys" element={<APIKeys />} />
+        <Route
+          path="documents"
+          element={
+            <Documents
+              paginatedDocuments={paginatedDocuments}
+              handleDeleteDocument={handleDeleteClick}
+            />
+          }
+        />
         <Route path="analytics" element={<Analytics />} />
         <Route path="logs" element={<Logs />} />
         <Route path="tools" element={<Tools />} />
-        <Route path="widgets" element={
-          <Widgets
-            widgetScreenshot={widgetScreenshot}
-            onWidgetScreenshotChange={updateWidgetScreenshot}
-          />
-        } />
+        <Route
+          path="widgets"
+          element={
+            <Widgets
+              widgetScreenshot={widgetScreenshot}
+              onWidgetScreenshotChange={updateWidgetScreenshot}
+            />
+          }
+        />
         <Route path="*" element={<Navigate to="/settings" replace />} />
       </Routes>
     </div>