add about

src/components/icons/BagIcon.tsx

@@ -13,7 +13,7 @@ const BagIcon = (props: Props) => (
   >
     <path
       d="M7.5 8V7.03C7.5 4.78 9.31 2.57 11.56 2.36C14.24 2.1 16.5 4.21 16.5 6.84V8.22"
-      stroke="currentColor"
+      stroke="#8C90A3"
       strokeWidth={1.5}
       strokeMiterlimit={10}
       strokeLinecap="round"
@@ -21,7 +21,7 @@ const BagIcon = (props: Props) => (
     />
     <path
       d="M8.99983 21H14.9998C19.0198 21 19.7398 19.39 19.9498 17.43L20.6998 11.43C20.9698 8.99 20.2698 7 15.9998 7H7.99983C3.72983 7 3.02983 8.99 3.29983 11.43L4.04983 17.43C4.25983 19.39 4.97983 21 8.99983 21Z"
-      stroke="currentColor"
+      stroke="#8C90A3"
       strokeWidth={1.5}
       strokeMiterlimit={10}
       strokeLinecap="round"

src/components/navigation/BottomNavBar.tsx

@@ -4,13 +4,13 @@ import React from 'react'
 import BottomNavLink from './BottomNavLink'
 import BottomNavHighlightLink from './BottomNavLinkBig'
 import PagerIcon from '../icons/PagerIcon'
-import NotifiBoardIcon from '../icons/NotifBoardIcon'
 import BagIcon from '../icons/BagIcon'
 import HeartIcon from '../icons/HeartIcon'
 import { useParams, usePathname } from 'next/navigation'
 import HomeIcon from '../icons/HomeIcon'
 import { useTranslation } from 'react-i18next';
 import { useCart } from '@/app/[name]/(Dialogs)/cart/hook/useCart';
+import { Building } from 'iconsax-react';
 
 type BottomNavBarProps = {
   onPagerClick?: () => void;
@@ -82,7 +82,17 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
                     width={20}
                     height={20} />}
                 value={t('Menu')} />
-              <BottomNavLink href={`/${name}/notifications`} icon={<NotifiBoardIcon width={20} height={20} />} value={t('Notifications')} />
+              <BottomNavLink
+                href={`/${name}/about`}
+                icon={
+                  <Building
+                    size={20}
+                    variant="Outline"
+                    color="#8C90A3"
+                  />
+                }
+                value={t('about')}
+              />
               <BottomNavLink href={'/auth'} icon={<HeartIcon width={20} height={20} />} value={t('Favorites')} />
             </nav>
           </foreignObject>

src/locales/fa/common.json

@@ -5,6 +5,7 @@
         "Pager": "پیجر",
         "Notifications": "اعلان ها",
         "Favorites": "پسند ها",
+        "about": "درباره",
         "AriaLabel": ""
     },
     "SideMenu": {