add: SideMenu & BottomNavbar locales

src/components/navigation/BottomNavBar.tsx

@@ -9,12 +9,16 @@ 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';
 
 function BottomNavBar() {
   const params = useParams();
   const { name } = params;
   const pathname = usePathname();
   const isHomeRoute = pathname === `/${name}`;
+  const { t } = useTranslation('common', {
+    keyPrefix: 'BottomNavbar'
+  });
 
   return (
     <div className="fixed bottom-0 left-0 w-full bg-transparent">
@@ -38,8 +42,8 @@ function BottomNavBar() {
             <nav
               className="h-full px-2 grid grid-cols-5 gap-x-2 text-[10px] items-end"
             >
-              <BottomNavLink href={`/${name}/orders`} icon={<BagIcon width={20} height={20} />} value="سبد خرید" />
-              <BottomNavLink href={`/${name}/pager`} icon={<PagerIcon width={20} height={20} />} value="پیجر" />
+              <BottomNavLink href={`/${name}/orders`} icon={<BagIcon width={20} height={20} />} value={t('Cart')} />
+              <BottomNavLink href={`/${name}/pager`} icon={<PagerIcon width={20} height={20} />} value={t('Pager')} />
               <BottomNavHighlightLink
                 href={`/${name}`}
                 icon={
@@ -49,9 +53,9 @@ function BottomNavBar() {
                     strokeWidth={1} 
                     width={20} 
                     height={20} />}
-                value="منو" />
-              <BottomNavLink href={`/${name}/notifications`} icon={<NotifiBoardIcon width={20} height={20} />} value="اعلان ها" />
-              <BottomNavLink href={'/auth'} icon={<HeartIcon width={20} height={20} />} value="پسند ها" />
+                value={t('Menu')} />
+              <BottomNavLink href={`/${name}/notifications`} icon={<NotifiBoardIcon width={20} height={20} />} value={t('Notifications')} />
+              <BottomNavLink href={'/auth'} icon={<HeartIcon width={20} height={20} />} value={t('Favorites')} />
             </nav>
           </foreignObject>