revert: change theme parameter types from Theme back to any for Material-UI compatibility

- Changed all getStyles and styles functions from (theme: Theme) to (theme: any) in 69 files
- Removed unused Theme imports from all modified files
- Converted src/core_modules/capture-ui/DateAndTimeFields/DateField/getTheme.js to TypeScript
- This reverts TypeScript migration changes that were incompatible with custom theme extensions
- Custom grey color variants (lighter, lightest) remain intact in src/styles/uiTheme.ts
- All linting and TypeScript compilation errors resolved

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

Author: devin-ai-integration[bot]

src/components/App/AppContents.component.tsx

@@ -1,10 +1,10 @@
 import React, { memo, type ComponentType } from 'react';
-import { withStyles, type WithStyles, type Theme } from '@material-ui/core/styles';
+import { withStyles, type WithStyles } from '@material-ui/core/styles';
 import { systemSettingsStore } from 'capture-core/metaDataMemoryStores';
 import { FeedbackBar } from 'capture-core/components/FeedbackBar';
 import { AppPagesLoader } from './AppPagesLoader.component';
 
-const getStyles = (theme: Theme) => ({
+const getStyles = (theme: any) => ({
     app: {
         fontFamily: theme.typography.fontFamily,
         fontSize: theme.typography.pxToRem(16),

src/core_modules/capture-core/components/BorderBox/BorderBox.component.tsx

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import { withStyles, WithStyles } from '@material-ui/core/styles';
-import type { Theme } from '@material-ui/core/styles';
 
-const styles = (theme: Theme) => ({
+const styles = (theme: any) => ({
     borderBox: {
         borderRadius: theme.typography.pxToRem(6),
         borderWidth: theme.typography.pxToRem(2),

src/core_modules/capture-core/components/Buttons/LinkButton.component.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import { withStyles, WithStyles } from '@material-ui/core/styles';
 import classNames from 'classnames';
-import { Theme } from '@material-ui/core/styles/createMuiTheme';
 
-const styles = (theme: Theme) => ({
+const styles = (theme: any) => ({
     button: {
         border: 'none',
         fontSize: theme.typography.pxToRem(16),

src/core_modules/capture-core/components/CardList/CardList.component.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { withStyles, type WithStyles } from '@material-ui/core/styles';
-import type { Theme } from '@material-ui/core/styles';
 import { CardListItem } from './CardListItem.component';
 import { makeElementsContainerSelector } from './CardList.selectors';
 import { CardDataElementsInformation } from '../SearchBox';
@@ -16,7 +15,7 @@ type OwnProps = {
     renderCustomCardActions?: RenderCustomCardActions;
 };
 
-const getStyles = (theme: Theme) => ({
+const getStyles = (theme: any) => ({
     noItemsContainer: {
         fontStyle: 'italic',
         padding: theme.typography.pxToRem(10),

src/core_modules/capture-core/components/CardList/CardListButtons.component.tsx

@@ -1,5 +1,5 @@
 import React, { type FC, useCallback } from 'react';
-import { withStyles, type Theme, type WithStyles } from '@material-ui/core/styles';
+import { withStyles, type WithStyles } from '@material-ui/core/styles';
 import i18n from '@dhis2/d2-i18n';
 import { Button, type ButtonEventHandler } from '@dhis2/ui';
 import { useDispatch } from 'react-redux';
@@ -20,7 +20,7 @@ type Props = {
 
 type AvailableCardListButtonState = keyof typeof availableCardListButtonState;
 
-const buttonStyles = (theme: Theme) => ({
+const buttonStyles = (theme: any) => ({
     buttonMargin: {
         '&:not(:first-child)': {
             marginLeft: theme.typography.pxToRem(8),

src/core_modules/capture-core/components/CardList/CardListItem.component.tsx

@@ -1,7 +1,7 @@
 import i18n from '@dhis2/d2-i18n';
 import React from 'react';
 import moment from 'moment';
-import { withStyles, type Theme, type WithStyles } from '@material-ui/core/styles';
+import { withStyles, type WithStyles } from '@material-ui/core/styles';
 import { colors, Tag, IconCheckmark16, Tooltip } from '@dhis2/ui';
 import { useTimeZoneConversion } from '@dhis2/app-runtime';
 import { CardImage } from 'capture-ui/CardImage/CardImage.component';
@@ -33,7 +33,7 @@ type OwnProps = {
 
 type Props = OwnProps & WithStyles<typeof styles>;
 
-const styles = (theme: Theme) => ({
+const styles = (theme: any) => ({
     itemContainer: {
         maxWidth: theme.typography.pxToRem(600),
         display: 'flex',

src/core_modules/capture-core/components/CardList/ListEntry.component.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import { withStyles } from '@material-ui/core';
-import type { Theme, WithStyles } from '@material-ui/core/styles';
+import type { WithStyles } from '@material-ui/core/styles';
 import { colors } from '@dhis2/ui';
 import { convertValue } from '../../converters/clientToView';
 import { DataElement, dataElementTypes } from '../../metaData';
 
-const styles = (theme: Theme) => ({
+const styles = (theme: any) => ({
     elementName: {
         fontSize: theme.typography.pxToRem(13),
         color: colors.grey700,

src/core_modules/capture-core/components/DataEntries/SingleEventRegistrationEntry/DataEntryWrapper/RecentlyAddedEventsList/RecentlyAddedEventsList.component.tsx

@@ -1,13 +1,12 @@
 import React from 'react';
 import { withStyles, type WithStyles } from '@material-ui/core/styles';
-import type { Theme } from '@material-ui/core/styles';
 import { Card } from '@dhis2/ui';
 import i18n from '@dhis2/d2-i18n';
 import { OfflineEventsList } from '../../../../EventsList/OfflineEventsList/OfflineEventsList.component';
 import { listId } from './RecentlyAddedEventsList.const';
 import type { Props } from './RecentlyAddedEventsList.types';
 
-const styles = (theme: Theme) => ({
+const styles = (theme: any) => ({
     container: {
         padding: theme.typography.pxToRem(20),
     },

src/core_modules/capture-core/components/DataEntry/dataEntryField/withDefaultFieldContainer.tsx

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { withStyles, type WithStyles } from '@material-ui/core/styles';
-import type { Theme } from '@material-ui/core/styles';
 
 type Props = WithStyles<typeof styles>;
 
-const styles = (theme: Theme) => ({
+const styles = (theme: any) => ({
     container: {
         marginLeft: theme.spacing.unit,
         marginRight: theme.spacing.unit,

src/core_modules/capture-core/components/DataEntry/dataEntryField/withDefaultMessages.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import { withStyles, type WithStyles } from '@material-ui/core/styles';
-import type { Theme } from '@material-ui/core/styles';
 import classNames from 'classnames';
 
-const styles = (theme: Theme) => ({
+const styles = (theme: any) => ({
     base: {
         paddingTop: 10,
     },