Sauda Details Component - Copy this React, Tailwind Component to your project

Create a react page to get data from 'https://www.krishisetu.co.in/KrishiSetuAPIUAT/GetSaudaDeatilsByLdapId', takes input raw json '{ "sLdapId": "ShailaJ09713" }' and displays below list { "InnerObject": { "lstSaudaModelsLdapId": [ { "SaudaNo": "56", "SaudaDate": "13/09/2024", "SaudaType": "TF", "SupplierEmailID": "pratik.kudalkar@nbhcindia.com", "TypeofPacking": "PP Bag", "BagType": "Old Bag", "SupplierName": "Nirvan Biswas", "ClientName": "MR.MANGESH V.SAWANT", "NewCommodityName": "COPRA DRY", "VarietyName": "BALL", "DeliveryLocation": "MUMBAI, MAHARASHTRA", "LodaingLocation": "MUMBAI, MAHARASHTRA", "nIsApproved": "1", "SaudaStatus": "Sauda Created", "ContractFilePath": null, "InvoiceStatus": "0", "DisplayInvoiceStatus": "Invoice not Create", "SaudaQTY": "10.000", "SaudaRate": "1000.00", "PaymentCondition": "tr", "QualityCondition": "test", "DeliveryPeriod": "10", "SaudaCondition": "FOR", "BuyerSupplierNameEntity": "National Bulk Handling Corporation", "Commodity_Id": "473", "Commodity_Name": "COPRA DRY", "Variety_Id": "1190", "Variety_Name": "BALL", "IsGSTApplicable": true, "GSTPercentage": 18.0 }]}}