refactor: convert localeData and portal utils from Flow to TypeScript (#4328)

* refactor: convert localeData and portal utils from Flow to TypeScript

- Convert useUserLocale.js to useUserLocale.ts with proper return type annotation
- Convert CurrentLocaleData.js to CurrentLocaleData.ts with TypeScript type definitions
- Convert usePlacementDomNode.js to usePlacementDomNode.ts with proper React hook types
- Convert portal index.js to index.ts
- Remove Flow directives and convert Flow types to TypeScript equivalents
- Replace Flow Array<T> syntax with TypeScript T[] syntax
- Replace Flow Object type with TypeScript any type
- Ensure compatibility with existing consuming components

All files pass TypeScript compilation (yarn tsc:check) and linting (yarn linter:check).

Co-Authored-By: [email protected] <[email protected]>

* fix: make CurrentLocaleData static property private to resolve SonarCloud issue

- Change static currentData property from public to private
- Resolves SonarCloud Code Analysis failure: 'Make this public static property readonly'
- Property is accessed through existing getter/setter methods, so private access is appropriate
- Maintains existing functionality while improving encapsulation

Verified locally with yarn tsc:check and yarn linter:check

Co-Authored-By: [email protected] <[email protected]>

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: [email protected] <[email protected]>

Author: devin-ai-integration[bot]

…re/utils/localeData/CurrentLocaleData.js …re/utils/localeData/CurrentLocaleData.tssrc/core_modules/capture-core/utils/localeData/CurrentLocaleData.js renamed to src/core_modules/capture-core/utils/localeData/CurrentLocaleData.ts src/core_modules/capture-core/utils/localeData/CurrentLocaleData.js renamed to src/core_modules/capture-core/utils/localeData/CurrentLocaleData.ts

@@ -1,8 +1,7 @@
-// @flow
 export type LocaleDataType = {
-    dateFnsLocale: Object,
-    weekDaysShort: Array<string>,
-    weekDays: Array<string>,
+    dateFnsLocale: any,
+    weekDaysShort: string[],
+    weekDays: string[],
     selectDatesText: string,
     selectDateText: string,
     calendarFormatHeaderLong: string,
@@ -13,8 +12,7 @@ export type LocaleDataType = {
 }
 
 export class CurrentLocaleData {
-    // $FlowFixMe[missing-annot] automated comment
-    static currentData;
+    private static currentData: LocaleDataType;
 
     static set(data: LocaleDataType) {
         CurrentLocaleData.currentData = data;

…e-core/utils/localeData/useUserLocale.js …e-core/utils/localeData/useUserLocale.tssrc/core_modules/capture-core/utils/localeData/useUserLocale.js renamed to src/core_modules/capture-core/utils/localeData/useUserLocale.ts src/core_modules/capture-core/utils/localeData/useUserLocale.js renamed to src/core_modules/capture-core/utils/localeData/useUserLocale.ts

@@ -1,7 +1,12 @@
 import { useDataEngine } from '@dhis2/app-runtime';
 import { useQuery } from 'react-query';
 
-export const useUserLocale = () => {
+export const useUserLocale = (): {
+    locale: any;
+    isLoading: boolean;
+    isError: boolean;
+    error: unknown;
+} => {
     const dataEngine = useDataEngine();
 
     const { data, isLoading, isError, error } = useQuery(
@@ -16,7 +21,7 @@ export const useUserLocale = () => {
         }));
 
     return {
-        locale: data?.userSettings?.settings?.keyUiLocale,
+        locale: (data as any)?.userSettings?.settings?.keyUiLocale,
         isLoading,
         isError,
         error,

…dules/capture-core/utils/portal/index.js …dules/capture-core/utils/portal/index.tssrc/core_modules/capture-core/utils/portal/index.js renamed to src/core_modules/capture-core/utils/portal/index.ts src/core_modules/capture-core/utils/portal/index.js renamed to src/core_modules/capture-core/utils/portal/index.ts

@@ -1,2 +1 @@
-// @flow
 export { usePlacementDomNode } from './usePlacementDomNode';

…core/utils/portal/usePlacementDomNode.js …core/utils/portal/usePlacementDomNode.tssrc/core_modules/capture-core/utils/portal/usePlacementDomNode.js renamed to src/core_modules/capture-core/utils/portal/usePlacementDomNode.ts src/core_modules/capture-core/utils/portal/usePlacementDomNode.js renamed to src/core_modules/capture-core/utils/portal/usePlacementDomNode.ts

@@ -1,11 +1,10 @@
-// @flow
 import { useState, useEffect, useRef } from 'react';
 
 // Main use case is to get the placement DOM Node when using portals.
 // The hook ensures a rerender after a reference to the DOMNode has been acquired.
 export const usePlacementDomNode = () => {
-    const domRef = useRef<?HTMLElement>();
-    const [domNode, setDomNode] = useState();
+    const domRef = useRef<HTMLDivElement>(null);
+    const [domNode, setDomNode] = useState<HTMLElement>();
     useEffect(() => {
         if (domRef.current) {
             setDomNode(domRef.current);