change styles

src/app/ui/header/notificationsButton.tsx

@@ -113,7 +113,7 @@ export default function NotificationsButton() {
 								{notificationList?.unreadCount ? notificationList?.unreadCount : t('no-new')} / {t('all')}
 							</Link>
 						</div>
-						{notificationList?.notifications.length !== 0 ? (
+						{notificationList?.notifications?.length !== 0 ? (
 							<>
 								<div
 									className="notification-list"

src/app/ui/payment/payment-user-cards.tsx

@@ -30,7 +30,7 @@ export default function PaymentUserCards() {
 
 			if (response) {
 					await queryClient.invalidateQueries({ queryKey: ['paymentsMethods'] });
-				toast.success('bank-card-has-been-successfully-deleted');
+				toast.success(t('bank-card-has-been-successfully-deleted'));
 			} else {
 				throw 'error'
 			}
@@ -55,7 +55,7 @@ export default function PaymentUserCards() {
 					className="card-item-confirm-action"
 				>
 					<button
-						className="btn btn-secondary"
+						className="btn btn-primary"
 						onClick={() => {
 							setSelectedCard(null);
 							setOpenWindow(false);
@@ -75,7 +75,7 @@ export default function PaymentUserCards() {
 						)}
 					</button>
 					<button
-						className="btn btn-secondary"
+						className="btn btn-primary"
 						onClick={() => {
 							if (selectedCard?.paymentMethodId) {
 								removeCardHandler(selectedCard?.paymentMethodId)