Added payments button

app/components/BottomNav.js

@@ -1,7 +1,7 @@
 "use client";
 
 import Link from "next/link";
-import { Home, Building, Calendar, Heart, Bell, Settings } from "lucide-react";
+import { Home, Building, Calendar, Heart, Bell, Settings, CreditCard } from "lucide-react";
 import React, { useEffect, useState } from "react";
 import { useNotifications } from "@/app/contexts/NotificationsContext";
 
@@ -19,6 +19,7 @@ export default function BottomNav({ isOwner }) {
     { href: "/properties", label: "عقاراتنا", icon: Building },
     { href: bookingsHref, label: "الحجوزات", icon: Calendar },
     { href: "/favorites", label: "المفضلة", icon: Heart },
+    { href: "/payments", label: "المدفوعات", icon: CreditCard },
     { href: "/notifications", label: "الإشعارات", icon: Bell, badge: isMounted ? unreadCount : 0 },
     { href: "/settings", label: "الإعدادات", icon: Settings },
   ];