fix: some duplications and tags

src/components/navigation/BottomNavBar.tsx

@@ -35,8 +35,8 @@ function BottomNavBar() {
 
           {/* 🔽 Your HTML content inside SVG */}
           <foreignObject x="0" y="10" width="100%" height="80">
-            <div
-              className="absolute z-20 w-full h-full px-2 grid grid-cols-5 gap-x-2 text-[10px] items-end"
+            <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="پیجر" />
@@ -52,7 +52,7 @@ function BottomNavBar() {
                 value="منو" />
               <BottomNavLink href={`/${name}/notifications`} icon={<NotifiBoardIcon width={20} height={20} />} value="اعلان ها" />
               <BottomNavLink href={'/auth'} icon={<HeartIcon width={20} height={20} />} value="پسند ها" />
-            </div>
+            </nav>
           </foreignObject>
 
           <defs>