add PayoutMethod, getReferralPayments,

add translates

src/app/ui/referral-page/table/payments-history.tsx

@@ -0,0 +1,52 @@
+'use client'
+
+import { useGetReferralPayments } from '@/app/hooks/react-query/useGetReferralPayments';
+import { useEffect } from 'react';
+
+export default function PaymentsHistory() {
+
+	const { data: paymentsData } = useGetReferralPayments();
+
+	useEffect(() => {
+		console.log(paymentsData);
+	}, [paymentsData])
+
+	return (
+		<>
+			<h4 className="mt-[30px]">📊 История выплат</h4>
+			<div className="stats-grid">
+				<div className="stats-item left-top-corner stats-header">
+					Сумма
+				</div>
+				<div className="stats-item stats-header">
+					Способ
+				</div>
+				<div className="stats-item stats-header">
+					Статус
+				</div>
+				<div className="stats-item stats-header">
+					Дата запроса
+				</div>
+				<div className="stats-item last-column right-top-corner stats-header">
+					Обработано
+				</div>
+
+				<div className="stats-item first-column left-bottom-corner">
+					0
+				</div>
+				<div className="stats-item second-row">
+					0
+				</div>
+				<div className="stats-item second-row">
+					0
+				</div>
+				<div className="stats-item second-row">
+					0
+				</div>
+				<div className="stats-item last-column right-bottom-corner">
+					0
+				</div>
+			</div>
+		</>
+	)
+}