add new endpoint for tariffs

src/app/ui/payment/payment-tab-tariffs.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { getUserData } from '@/app/actions/action';
+import { fetchTariffs } from '@/app/actions/action';
 import { useQuery } from '@tanstack/react-query';
 import { convertBytes } from '@/app/lib/convertBytes';
 import { useTranslations } from 'next-intl';
@@ -12,12 +12,13 @@ export default function PaymentTabTariffs() {
 		isError,
 		error
 	} = useQuery({
-		queryKey: ['userData'],
+		queryKey: ['tariffData'],
 		queryFn: () => {
-			return getUserData();
+			return fetchTariffs();
 		}
 	});
 
+
 	const t = useTranslations('Global');
 
 	return (
@@ -33,7 +34,7 @@ export default function PaymentTabTariffs() {
 			</div>
 			<div className="subscription-grid">
 
-				{userData.tariffs?.map(((item: {
+				{userData?.map(((item: {
 					id: number,
 					name: string,
 					price: number,