catalog add sidebar

src/config/Paths.ts

@@ -2,4 +2,7 @@ export const Paths = {
   home: "/",
   editor: "/editor",
   viewer: "/viewer",
+  catalog: {
+    list: "/catalogue",
+  },
 };

src/langs/fa.json

@@ -1,7 +1,8 @@
 {
   "sidebar": {
     "menu": "منو",
-    "home_page": "صفحه اصلی"
+    "home_page": "صفحه اصلی",
+    "catalog": "کاتالوگ"
   },
   "header": {
     "search": "جستجو"

src/shared/SideBar.tsx

@@ -3,6 +3,7 @@ import LogoImage from '../assets/images/logo.svg'
 import LogoSmall from '../assets/images/logo-small.svg'
 import { useTranslation } from 'react-i18next'
 import {
+    DocumentText,
     Home2,
     Logout,
 } from 'iconsax-react'
@@ -74,6 +75,14 @@ const SideBar: FC = () => {
                             link={Paths.home}
                             activeName={Paths.home}
                         />
+
+                        <SideBarItem
+                            icon={<DocumentText variant={isActive(Paths.catalog.list) ? 'Bold' : 'Outline'} color={isActive(Paths.catalog.list) ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
+                            title={t('sidebar.catalog')}
+                            isActive={isActive(Paths.catalog.list)}
+                            link={Paths.catalog.list}
+                            activeName={Paths.catalog.list}
+                        />
                     </div>
 
                     <div className='flex-1 flex flex-col justify-end mt-14'>