fix(instrument availability time): Entering number grater than biggest 32-bit integer crashes the app

cypress/integration/calls.ts

@@ -489,7 +489,7 @@ context('Calls tests', () => {
       );
     });
 
-    it('A user-officer should not be able to set negative availability time on instrument per call', () => {
+    it('A user-officer should not be able to set negative or too high availability time on instrument per call', () => {
       cy.assignInstrumentToCall({
         callId: createdCallId,
         instrumentIds: [createdInstrumentId],
@@ -516,6 +516,17 @@ context('Calls tests', () => {
         .click();
 
       cy.notification({ variant: 'error', text: 'must be positive number' });
+      cy.get('[data-cy="availability-time"]').type('2147483648');
+
+      cy.contains(instrumentAssignedToCall.shortCode)
+        .parent()
+        .find('[aria-label="Save"]')
+        .click();
+
+      cy.notification({
+        variant: 'error',
+        text: 'Availability time can not be grater than 2147483647',
+      });
     });
 
     it('A user-officer should be able to set availability time on instrument per call', () => {

src/components/call/AssignedInstrumentsTable.tsx

@@ -85,6 +85,7 @@ const AssignedInstrumentsTable: React.FC<AssignedInstrumentsTableProps> = ({
       type: 'numeric',
       emptyValue: '-',
       editComponent: availabilityTimeInput,
+      align: 'left',
     },
   ];
 
@@ -147,6 +148,25 @@ const AssignedInstrumentsTable: React.FC<AssignedInstrumentsTableProps> = ({
                 instrumentUpdatedData.availabilityTime &&
                 +instrumentUpdatedData.availabilityTime > 0
               ) {
+                // NOTE: Preventing inputs grater than 32-bit integer.
+                const max32BitInteger = Math.pow(2, 31);
+                if (
+                  +instrumentUpdatedData.availabilityTime >= max32BitInteger
+                ) {
+                  enqueueSnackbar(
+                    `Availability time can not be grater than ${
+                      max32BitInteger - 1
+                    }`,
+                    {
+                      variant: 'error',
+                      className: 'snackbar-error',
+                    }
+                  );
+                  reject();
+
+                  return;
+                }
+
                 await updateInstrument({
                   id: instrumentUpdatedData.id,
                   availabilityTime: instrumentUpdatedData.availabilityTime,