refactor

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

@@ -3,6 +3,7 @@
 import { getUserData } from '@/app/actions/action';
 import { useQuery } from '@tanstack/react-query';
 import { convertBytes } from '@/app/lib/convertBytes';
+import { useTranslations } from 'next-intl';
 
 export default function PaymentTabTariffs() {
 	const {
@@ -17,6 +18,8 @@ export default function PaymentTabTariffs() {
 		}
 	});
 
+	const t = useTranslations('Global');
+
 	return (
 		<div className="tab-content">
 			<div className="billing-toggle" style={{ display: 'none' }}>
@@ -46,7 +49,9 @@ export default function PaymentTabTariffs() {
 							<div className="plan-header">
 								<div className="plan-icon">🚀</div>
 								<h3 className="plan-name">
-									{item.name}
+									{
+										t.has(item.name) ? t(item.name) : item.name
+									}
 								</h3>
 								<div className="plan-price">
 									{item.price}