claim form now will show 10 rows of service lines

.gitignore

@@ -37,3 +37,6 @@ dist/
 
 # env
 *.env
+
+#temp
+1.html

apps/Frontend/src/components/claims/claim-form.tsx

@@ -222,17 +222,14 @@ export function ClaimForm({
     insuranceProvider: "",
     insuranceSiteKey: "",
     status: "pending",
-    serviceLines: [
+    serviceLines: Array.from({ length: 10 }, () => ({
-      {
       procedureCode: "",
       procedureDate: serviceDate,
       oralCavityArea: "",
       toothNumber: "",
       toothSurface: "",
       billedAmount: 0,
-      },
+    })),
-    ],
-
     uploadedFiles: [],
   });
 
@@ -362,13 +359,15 @@ export function ClaimForm({
     }
 
     // 3. Create Claim(if not)
-    const {
+    // Filter out empty service lines (empty procedureCode)
-      uploadedFiles,
+  const filteredServiceLines = form.serviceLines.filter(
-      insuranceSiteKey,
+    (line) => line.procedureCode.trim() !== ""
-      ...formToCreateClaim
+  );
-    } = form;
+
+    const { uploadedFiles, insuranceSiteKey, ...formToCreateClaim } = form;
     onSubmit({
       ...formToCreateClaim,
+      serviceLines: filteredServiceLines,
       staffId: Number(staff?.id),
       patientId: patientId,
       insuranceProvider: "MassHealth",
@@ -378,6 +377,7 @@ export function ClaimForm({
     // 4. sending form data to selenium service
     onHandleForSelenium({
       ...form,
+      serviceLines: filteredServiceLines,      
       staffId: Number(staff?.id),
       patientId: patientId,
       insuranceProvider: "Mass Health",