Fix: Add border radius to banner

Added `rounded-lg` class to the `PaymentNotificationBanner` component to apply border radius to the alert.

Author: lovable-dev[bot]

src/components/PaymentNotificationBanner.tsx

@@ -25,7 +25,7 @@ const PaymentNotificationItem = ({ notification, onDismiss }: PaymentNotificatio
   };
 
   return (
-    <Alert className="bg-blue-50 border-blue-200 mb-4">
+    <Alert className="bg-blue-50 border-blue-200 mb-4 rounded-xl">
       <CreditCard className="h-4 w-4 text-blue-600" />
       <AlertDescription className="flex items-center justify-between w-full">
         <div className="flex items-center gap-2">
@@ -44,7 +44,7 @@ const PaymentNotificationItem = ({ notification, onDismiss }: PaymentNotificatio
             variant="outline"
             size="sm"
             onClick={() => onDismiss(notification.id, false)}
-            className="text-blue-700 border-blue-300 hover:bg-blue-100"
+            className="text-blue-700 border-blue-300 hover:bg-blue-100 rounded-lg"
           >
             <Clock className="h-3 w-3 mr-1" />
             Me le rappeler plus tard
@@ -54,7 +54,7 @@ const PaymentNotificationItem = ({ notification, onDismiss }: PaymentNotificatio
             variant="outline"
             size="sm"
             onClick={() => onDismiss(notification.id, true)}
-            className="text-blue-700 border-blue-300 hover:bg-blue-100"
+            className="text-blue-700 border-blue-300 hover:bg-blue-100 rounded-lg"
           >
             <X className="h-3 w-3 mr-1" />
             Ne plus me rappeler