chore: change a few styles

src/components/navigation/BottomNavBar.tsx

@@ -36,18 +36,20 @@ function BottomNavBar() {
             <div
               className="absolute z-20 w-full h-full px-2 grid grid-cols-5 gap-x-2 text-[10px] items-end"
             >
-              <BottomNavLink href={`/${name}/orders`} icon={<BagIcon />} value="سبد خرید" />
-              <BottomNavLink href={`/${name}/pager`} icon={<PagerIcon />} value="پیجر" />
+              <BottomNavLink href={`/${name}/orders`} icon={<BagIcon width={20} height={20} />} value="سبد خرید" />
+              <BottomNavLink href={`/${name}/pager`} icon={<PagerIcon width={20} height={20} />} value="پیجر" />
               <BottomNavHighlightLink
                 href={`/${name}`}
                 icon={
                   <HomeIcon className='transition-all duration-200'
                     fill={isHomeRoute ? 'white' : 'transparent'}
                     stroke={isHomeRoute ? 'black' : 'white'}
-                    strokeWidth={1} />}
+                    strokeWidth={1} 
+                    width={20} 
+                    height={20} />}
                 value="منو" />
-              <BottomNavLink href={`/${name}/notifications`} icon={<NotifiBoardIcon />} value="اعلان ها" />
-              <BottomNavLink href={'/auth'} icon={<HeartIcon />} value="پسند ها" />
+              <BottomNavLink href={`/${name}/notifications`} icon={<NotifiBoardIcon width={20} height={20} />} value="اعلان ها" />
+              <BottomNavLink href={'/auth'} icon={<HeartIcon width={20} height={20} />} value="پسند ها" />
             </div>
           </foreignObject>