fix: resolve all typing issues

Author: samshara

app/src/components/PerExportModal/index.tsx

@@ -45,6 +45,7 @@ function PerExportModal(props: Props) {
             export_id: Number(perId),
             export_type: 'per' as const,
             per_country: Number(countryId),
+            is_pga: undefined, // FIXME: this should be fixed in export endpoint
         }),
         [perId, countryId],
     );

app/src/components/SelectOutput/index.tsx

@@ -3,7 +3,7 @@ import { TextOutput } from '@ifrc-go/ui';
 import { isDefined } from '@togglecorp/fujs';
 
 interface Props<VALUE, OPTION> {
-    className: string;
+    className?: string;
     value: VALUE | undefined;
     options: OPTION[] | undefined;
     keySelector: (datum: OPTION) => VALUE;

app/src/components/domain/DrefExportModal/index.tsx

@@ -58,6 +58,7 @@ function DrefExportModal(props: Props) {
                 export_type: type,
                 selector: '#pdf-preview-ready',
                 per_country: undefined, // FIXME: typing is altered by the useRequest function
+                is_pga: undefined, // //FIXME: typing is altered by the useRequest function
             };
         },
         [id, applicationType],

app/src/views/EmergencySurge/index.tsx

@@ -38,14 +38,14 @@ export function Component() {
                 <KeyFigure
                     icon={<DeployedIcon />}
                     className={styles.keyFigure}
-                    value={deploymentResponse?.active_deployments}
+                    value={deploymentResponse?.active_rapid_response_personnel}
                     compactValue
                     label={strings.emergencyActiveDeployments}
                 />
                 <KeyFigure
                     icon={<EmergencyResponseUnitIcon />}
                     className={styles.keyFigure}
-                    value={deploymentResponse?.active_erus}
+                    value={deploymentResponse?.active_emergency_response_units}
                     compactValue
                     label={strings.emergencyActiveErus}
                 />

app/src/views/OperationalLearning/Sources/AllExtractsModal/Extract/index.tsx

@@ -15,7 +15,7 @@ interface Props {
     emergencyName: string | null | undefined;
     appealDocumentURL: string;
     extract: string | null | undefined;
-    operationStartDate: string;
+    operationStartDate: string | null | undefined;
 }
 function Extract(props: Props) {
     const {

app/src/views/OperationalLearning/Stats/OperationalLearningMap/index.tsx

@@ -87,7 +87,7 @@ function OperationalLearningMap(props: Props) {
             }
 
             const features = learningByCountry
-                .map((value) => {
+                ?.map((value) => {
                     const country = countriesMap?.[value.country_id];
                     if (isNotDefined(country)) {
                         return undefined;

app/src/views/SurgeCatalogueBasecampOffice/index.tsx

@@ -66,7 +66,6 @@ export function Component() {
                     label={strings.compositionLabel}
                     strongLabel
                 />
-                <div>{strings.compositionDescription}</div>
             </SurgeContentContainer>
             <SurgeContentContainer
                 heading={strings.standardComponents}

app/src/views/SurgeOverview/EmergencyResponseUnit/EmergencyResponseUnitReadiness/index.tsx

@@ -21,6 +21,7 @@ import {
     stringKeySelector,
 } from '@ifrc-go/ui/utils';
 import {
+    compareString,
     isDefined,
     listToGroupList,
     mapToList,
@@ -88,6 +89,7 @@ function EmergencyResponseUnitReadiness() {
         url: '/api/v2/eru-readiness/',
         preserveResponse: true,
         query: {
+            ordering: '-updated-at',
             eru_type: filter.selectEruTypes,
             eru_owner: filter.selectEruOwner,
         },
@@ -101,6 +103,7 @@ function EmergencyResponseUnitReadiness() {
         url: '/api/v2/eru-readiness-type/',
         preserveResponse: true,
         query: {
+            ordering: '-updated-at',
             type: filter.selectEruTypes,
             eru_owner: filter.selectEruOwner,
         },
@@ -124,14 +127,19 @@ function EmergencyResponseUnitReadiness() {
                     eruData,
                     (eru) => eru.type,
                 ),
-                (readinessList, eruType) => ({ key: eruType, readinessList }),
-            )
+                (readinessList, eruType) => ({
+                    key: eruType,
+                    readinessList,
+                    eruType: readinessList?.[0].type_display,
+                }),
+            )?.sort((a, b) => (compareString(a.eruType, b.eruType)))
         );
     }, [eruReadinessTypeResponse?.results]);
 
     const eruRendererParams = useCallback((_: string, item: {
         key: string;
         readinessList: ReadinessList;
+        updatedAt: number | undefined;
     }) => ({
         typeDisplay: item.readinessList?.[0]?.type_display,
         nationalSocieties: joinStrings(unique(item.readinessList.map((v) => (