src/views/dashboards/payment-methods/PaymentMethodReport.tsx

@@ -19,10 +19,13 @@ const PaymentMethodReport = ({ payments }: { payments: PaymentDataItem[] }) => {
           <h2 className='text-xl font-semibold text-gray-900'>Payment Methods</h2>
         </div>
         <div className='space-y-6'>
-          {payments && payments.map(method => (
+          {payments &&
+            payments.map(method => (
               <div key={method.payment_method_id} className='border-b border-gray-200 pb-4 last:border-b-0'>
                 <div className='flex justify-between items-center mb-2'>
-                <span className='text-sm font-medium text-gray-900'>{method.payment_method_name}</span>
+                  <span className='text-sm font-medium text-gray-900' translate='no'>
+                    {method.payment_method_name}
+                  </span>
                   <span className='text-sm text-gray-600'>{method.percentage.toFixed(1)}%</span>
                 </div>
                 <ProgressBar