feat: add side menu

src/components/navigation/BottomNavBar.tsx

@@ -12,7 +12,7 @@ type Props = object
 function BottomNavBar({ }: Props) {
   return (
     <div className="absolute bottom-0 left-0 w-full bg-transparent">
-      <div className="max-w-md mx-auto w-full aspect-[436/104] relative z-40">
+      <div className="max-w-md mx-auto w-full aspect-[436/104] relative z-30">
         <svg
           viewBox="0 0 436 104"
           fill="none"
@@ -32,11 +32,11 @@ function BottomNavBar({ }: Props) {
             <div
               className="absolute z-20 w-full h-full px-2 grid grid-cols-5 gap-x-2 text-[10px] items-end"
             >
-              <BottomNavLink href={'/auth'} icon={<HeartIcon />} value="پسند ها" />
-              <BottomNavLink href={''} icon={<NotifiBoardIcon />} value="اعلان ها" />
-              <BottomNavHighlightLink href={''} icon={<HomeHashtagIcon />} value="منو" />
-              <BottomNavLink href={''} icon={<PagerIcon />} value="پیجر" />
               <BottomNavLink href={''} icon={<BagIcon />} value="سبد خرید" />
+              <BottomNavLink href={''} icon={<PagerIcon />} value="پیجر" />
+              <BottomNavHighlightLink href={''} icon={<HomeHashtagIcon />} value="منو" />
+              <BottomNavLink href={''} icon={<NotifiBoardIcon />} value="اعلان ها" />
+              <BottomNavLink href={'/auth'} icon={<HeartIcon />} value="پسند ها" />
             </div>
           </foreignObject>