Sidebar updates (#5154)

* fix sidebar and add translations to sidebar

* add translations

frontend/src/components/SettingsSidebar/index.jsx

@@ -4,15 +4,15 @@ import useLogo from "@/hooks/useLogo";
 import {
   House,
   List,
-  Robot,
   Flask,
   Gear,
   UserCircleGear,
   PencilSimpleLine,
   Nut,
   Toolbox,
-  Globe,
 } from "@phosphor-icons/react";
+import AgentIcon from "@/media/animations/agent-static.png";
+import CommunityHubIcon from "@/media/illustrations/community-hub.png";
 import useUser from "@/hooks/useUser";
 import { isMobile } from "react-device-detect";
 import Footer from "../Footer";
@@ -295,30 +295,42 @@ const SidebarOptions = ({ user = null, t }) => (
         />
         <Option
           btnText={t("settings.agent-skills")}
-          icon={<Robot className="h-5 w-5 flex-shrink-0" />}
+          icon={
+            <img
+              src={AgentIcon}
+              alt="Agent"
+              className="h-5 w-5 flex-shrink-0 light:invert"
+            />
+          }
           href={paths.settings.agentSkills()}
           user={user}
           flex={true}
           roles={["admin"]}
         />
         <Option
-          btnText="Community Hub"
-          icon={<Globe className="h-5 w-5 flex-shrink-0" />}
+          btnText={t("settings.community-hub.title")}
+          icon={
+            <img
+              src={CommunityHubIcon}
+              alt="Community Hub"
+              className="h-5 w-5 flex-shrink-0 light:invert"
+            />
+          }
           childOptions={[
             {
-              btnText: "Explore Trending",
+              btnText: t("settings.community-hub.trending"),
               href: paths.communityHub.trending(),
               flex: true,
               roles: ["admin"],
             },
             {
-              btnText: "Your Account",
+              btnText: t("settings.community-hub.your-account"),
               href: paths.communityHub.authentication(),
               flex: true,
               roles: ["admin"],
             },
             {
-              btnText: "Import Item",
+              btnText: t("settings.community-hub.import-item"),
               href: paths.communityHub.importItem(),
               flex: true,
               roles: ["admin"],

frontend/src/locales/ar/common.js

@@ -102,6 +102,12 @@ const TRANSLATIONS = {
     branding: "التسويق بالعلامة التجارية ووضع العلامات التجارية",
     chat: "دردشة",
     "mobile-app": "AnythingLLM Mobile",
+    "community-hub": {
+      title: "مركز المجتمع",
+      trending: "استكشف الاتجاهات الرائجة",
+      "your-account": "حسابك",
+      "import-item": "استيراد العنصر",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/cs/common.js

@@ -111,6 +111,12 @@ const TRANSLATIONS = {
     contact: "Kontaktovat podporu",
     "browser-extension": "Rozšíření prohlížeče",
     "mobile-app": "AnythingLLM Mobile",
+    "community-hub": {
+      title: "Centrální místo pro komunitu",
+      trending: "Prozkoumejte aktuální trendy",
+      "your-account": "Váš účet",
+      "import-item": "Importovat položku",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/da/common.js

@@ -105,6 +105,12 @@ const TRANSLATIONS = {
     branding: "Brandstrategi og white-labeling",
     chat: "Chat",
     "mobile-app": "AnythingLLM Mobile",
+    "community-hub": {
+      title: "Fælleshus",
+      trending: "Udforsk populære emner",
+      "your-account": "Dit konti",
+      "import-item": "Importeret vare",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/de/common.js

@@ -104,6 +104,12 @@ const TRANSLATIONS = {
     "browser-extension": "Browser-Extension",
     "system-prompt-variables": "Systempromptvariablen",
     "mobile-app": "AnythingLLM Mobile",
+    "community-hub": {
+      title: "Gemeindezentrum",
+      trending: "Entdecken Sie die aktuell beliebtesten Themen",
+      "your-account": "Ihr Konto",
+      "import-item": "Artikel importieren",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/en/common.js

@@ -106,6 +106,12 @@ const TRANSLATIONS = {
     privacy: "Privacy & Data",
     "ai-providers": "AI Providers",
     "agent-skills": "Agent Skills",
+    "community-hub": {
+      title: "Community Hub",
+      trending: "Explore Trending",
+      "your-account": "Your Account",
+      "import-item": "Import Item",
+    },
     admin: "Admin",
     tools: "Tools",
     "system-prompt-variables": "System Prompt Variables",

frontend/src/locales/es/common.js

@@ -104,6 +104,12 @@ const TRANSLATIONS = {
     contact: "Contactar con soporte",
     "browser-extension": "Extensión del navegador",
     "mobile-app": "AnythingLLM Móvil",
+    "community-hub": {
+      title: "Centro comunitario",
+      trending: "Explora las tendencias más populares",
+      "your-account": "Su cuenta",
+      "import-item": "Importar artículo",
+    },
   },
   login: {
     "multi-user": {
@@ -909,7 +915,7 @@ const TRANSLATIONS = {
     cancel: "Cancelar",
     edit_prompt: "Editar prompt",
     edit_response: "Editar respuesta",
-    at_agent: "@agente",
+    at_agent: "@agent",
     default_agent_description:
       " - el agente predeterminado para este espacio de trabajo.",
     custom_agents_coming_soon: "¡los agentes personalizados llegarán pronto!",

frontend/src/locales/et/common.js

@@ -102,6 +102,12 @@ const TRANSLATIONS = {
     contact: "Tugi",
     "browser-extension": "Brauserilaiend",
     "mobile-app": "AnythingLLM mobiilversioon",
+    "community-hub": {
+      title: "Kogukonna keskpunkt",
+      trending: "Avasta populaarseid",
+      "your-account": "Teie konto",
+      "import-item": "Importeeritud toode",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/fa/common.js

@@ -105,6 +105,12 @@ const TRANSLATIONS = {
     branding: "برندسازی و تولید محصولات با برچسب سفید",
     chat: "چت",
     "mobile-app": "AnythingLLM Mobile",
+    "community-hub": {
+      title: "مرکز محلی",
+      trending: "بررسی ترندها",
+      "your-account": "حساب شما",
+      "import-item": "وارد کردن کالا",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/fr/common.js

@@ -103,6 +103,12 @@ const TRANSLATIONS = {
     branding: "Personnalisation",
     chat: "Chat",
     "mobile-app": "AnythingLLM Mobile",
+    "community-hub": {
+      title: "Centre communautaire",
+      trending: "Découvrez les tendances",
+      "your-account": "Votre compte",
+      "import-item": "Importer",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/he/common.js

@@ -101,6 +101,12 @@ const TRANSLATIONS = {
     contact: "צור קשר עם התמיכה",
     "browser-extension": "תוסף דפדפן",
     "mobile-app": "AnythingLLM Mobile",
+    "community-hub": {
+      title: "מרכז קהילתי",
+      trending: "גלו את הנושאים החמים",
+      "your-account": "החשבון שלך",
+      "import-item": "ייבוא פריט",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/it/common.js

@@ -105,6 +105,12 @@ const TRANSLATIONS = {
     branding: "Branding e personalizzazione",
     chat: "Chat",
     "mobile-app": "AnythingLLM Mobile",
+    "community-hub": {
+      title: "Punto di riferimento della comunità",
+      trending: "Esplora le tendenze",
+      "your-account": "Il tuo account",
+      "import-item": "Importa articolo",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/ja/common.js

@@ -103,6 +103,12 @@ const TRANSLATIONS = {
     branding: "ブランディングとホワイトレーベル化",
     chat: "チャット",
     "mobile-app": "AnythingLLM モバイル版",
+    "community-hub": {
+      title: "地域交流拠点",
+      trending: "人気のあるものを探す",
+      "your-account": "あなたのアカウント",
+      "import-item": "輸入品",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/ko/common.js

@@ -102,6 +102,12 @@ const TRANSLATIONS = {
     branding: "브랜딩 및 화이트라벨링",
     chat: "채팅",
     "mobile-app": "AnythingLLM 모바일",
+    "community-hub": {
+      title: "지역 커뮤니티 허브",
+      trending: "인기 트렌드 탐색",
+      "your-account": "당신의 계정",
+      "import-item": "수입 품목",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/lv/common.js

@@ -103,6 +103,12 @@ const TRANSLATIONS = {
     contact: "Sazināties ar atbalstu",
     "browser-extension": "Pārlūka paplašinājums",
     "mobile-app": "AnythingLLM mobilā versija",
+    "community-hub": {
+      title: "Sabiedriskais centrs",
+      trending: "Izpētiet populārākās",
+      "your-account": "Jūsu konts",
+      "import-item": "Importētā prece",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/nl/common.js

@@ -104,6 +104,12 @@ const TRANSLATIONS = {
     branding: "Branding & Whitelabeling",
     chat: "Chat",
     "mobile-app": "AnythingLLM Mobiele App",
+    "community-hub": {
+      title: "Centraal punt",
+      trending: "Bekijk populaire onderwerpen",
+      "your-account": "Uw account",
+      "import-item": "Importeren",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/pl/common.js

@@ -104,6 +104,12 @@ const TRANSLATIONS = {
     contact: "Kontakt z pomocą techniczną",
     "browser-extension": "Rozszerzenie przeglądarki",
     "mobile-app": "AnythingLLM Mobile",
+    "community-hub": {
+      title: "Centrum Społeczności",
+      trending: "Odkryj popularne",
+      "your-account": "Twój profil",
+      "import-item": "Importuj element",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/pt_BR/common.js

@@ -102,6 +102,12 @@ const TRANSLATIONS = {
     contact: "Suporte",
     "browser-extension": "Extensão de Navegador",
     "mobile-app": "AnythingLLM Mobile",
+    "community-hub": {
+      title: "Centro Comunitário",
+      trending: "Explore as tendências",
+      "your-account": "Sua Conta",
+      "import-item": "Importar Item",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/ro/common.js

@@ -104,6 +104,12 @@ const TRANSLATIONS = {
     contact: "Contact suport",
     "browser-extension": "Extensie browser",
     "mobile-app": "AnythingLLM Mobile",
+    "community-hub": {
+      title: "Centru comunitar",
+      trending: "Descoperă tendințele",
+      "your-account": "Contul dumneavoastră",
+      "import-item": "Importați articolul",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/ru/common.js

@@ -103,6 +103,12 @@ const TRANSLATIONS = {
     branding: "Брендинг и создание продуктов с собственной меткой.",
     chat: "Чат",
     "mobile-app": "AnythingLLM Mobile",
+    "community-hub": {
+      title: "Центр сообщества",
+      trending: "Изучите популярные темы",
+      "your-account": "Ваш аккаунт",
+      "import-item": "Импорт товара",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/tr/common.js

@@ -104,6 +104,12 @@ const TRANSLATIONS = {
     branding: "Marka & Beyaz Etiketleme",
     chat: "Sohbet",
     "mobile-app": "AnythingLLM Mobil",
+    "community-hub": {
+      title: "Topluluk Merkezi",
+      trending: "Popüler olanları keşfedin",
+      "your-account": "Hesabınız",
+      "import-item": "İthal Edilen Ürün",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/vn/common.js

@@ -104,6 +104,12 @@ const TRANSLATIONS = {
     branding: "Thương hiệu & Nhãn trắng",
     chat: "Trò chuyện",
     "mobile-app": "AnythingLLM Di động",
+    "community-hub": {
+      title: "Trung tâm cộng đồng",
+      trending: "Khám phá các nội dung đang thịnh hành",
+      "your-account": "Tài khoản của bạn",
+      "import-item": "Nhập hàng",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/zh/common.js

@@ -99,6 +99,12 @@ const TRANSLATIONS = {
     "browser-extension": "浏览器扩展",
     "system-prompt-variables": "系统提示变量",
     "mobile-app": "AnythingLLM 移动版",
+    "community-hub": {
+      title: "社区中心",
+      trending: "探索热门",
+      "your-account": "您的账户",
+      "import-item": "进口商品",
+    },
   },
   login: {
     "multi-user": {

frontend/src/locales/zh_TW/common.js

@@ -99,6 +99,12 @@ const TRANSLATIONS = {
     branding: "品牌與白標設定",
     chat: "聊天室",
     "mobile-app": "AnythingLLM 應用程式",
+    "community-hub": {
+      title: "社區中心",
+      trending: "探索熱門",
+      "your-account": "您的帳戶",
+      "import-item": "進口商品",
+    },
   },
   login: {
     "multi-user": {