fix code style and make it readable

Author: smeng9

examples/crm/src/companies/CompanyShow.tsx

@@ -144,8 +144,8 @@ const ContactsIterator = () => {
                 <RecordContextProvider key={contact.id} value={contact}>
                     <ListItem
                         disablePadding
-                        {...(contact.last_seen && {
-                            secondaryAction: (
+                        secondaryAction={
+                            contact.last_seen ? (
                                 <Typography
                                     variant="body2"
                                     color="textSecondary"
@@ -155,8 +155,8 @@ const ContactsIterator = () => {
                                     {formatDistance(contact.last_seen, now)} ago{' '}
                                     <Status status={contact.status} />
                                 </Typography>
-                            ),
-                        })}
+                            ) : null
+                        }
                     >
                         <ListItemButton
                             component={RouterLink}

examples/crm/src/contacts/ContactListContent.tsx

@@ -51,8 +51,8 @@ export const ContactListContent = () => {
                     <RecordContextProvider key={contact.id} value={contact}>
                         <ListItem
                             disablePadding
-                            {...(contact.last_seen && {
-                                secondaryAction: (
+                            secondaryAction={
+                                contact.last_seen ? (
                                     <Typography
                                         variant="body2"
                                         color="textSecondary"
@@ -69,8 +69,8 @@ export const ContactListContent = () => {
                                         )}{' '}
                                         <Status status={contact.status} />
                                     </Typography>
-                                ),
-                            })}
+                                ) : null
+                            }
                         >
                             <ListItemButton
                                 component={Link}

packages/ra-ui-materialui/src/list/SimpleList/SimpleList.tsx

@@ -124,8 +124,8 @@ export const SimpleList = <RecordType extends RaRecord = any>(
                                 rowSx={rowSx}
                                 rowStyle={rowStyle}
                                 resource={resource}
-                                {...((rightAvatar || rightIcon) && {
-                                    secondaryAction: (
+                                secondaryAction={
+                                    rightAvatar || rightIcon ? (
                                         <>
                                             {rightAvatar && (
                                                 <Avatar>
@@ -144,8 +144,8 @@ export const SimpleList = <RecordType extends RaRecord = any>(
                                                 </ListItemIcon>
                                             )}
                                         </>
-                                    ),
-                                })}
+                                    ) : null
+                                }
                             >
                                 <SimpleListItemContent
                                     leftAvatar={leftAvatar}

packages/ra-ui-materialui/src/list/SimpleList/SimpleListLoading.tsx

@@ -38,9 +38,9 @@ export const SimpleListLoading = (inProps: SimpleListLoadingProps) => {
             {times(nbFakeLines, key => (
                 <ListItem
                     key={key}
-                    {...(hasRightAvatarOrIcon && {
-                        secondaryAction: <Avatar>&nbsp;</Avatar>,
-                    })}
+                    secondaryAction={
+                        hasRightAvatarOrIcon ? <Avatar>&nbsp;</Avatar> : null
+                    }
                 >
                     {hasLeftAvatarOrIcon && (
                         <ListItemAvatar>

packages/ra-ui-materialui/src/list/filter/FilterListItem.tsx

@@ -175,8 +175,8 @@ export const FilterListItem = memo((inProps: FilterListItemProps) => {
     return (
         <StyledListItem
             disablePadding
-            {...(isSelected && {
-                secondaryAction: (
+            secondaryAction={
+                isSelected ? (
                     <IconButton
                         size="small"
                         onClick={event => {
@@ -186,8 +186,8 @@ export const FilterListItem = memo((inProps: FilterListItemProps) => {
                     >
                         <CancelIcon />
                     </IconButton>
-                ),
-            })}
+                ) : null
+            }
             {...rest}
         >
             <ListItemButton

packages/ra-ui-materialui/src/list/filter/SavedQueryFilterListItem.tsx

@@ -72,13 +72,13 @@ export const SavedQueryFilterListItem = memo(
                 className={className}
                 sx={sx}
                 disablePadding
-                {...(isSelected && {
-                    secondaryAction: (
+                secondaryAction={
+                    isSelected ? (
                         <IconButton size="small" onClick={toggleFilter}>
                             <CancelIcon />
                         </IconButton>
-                    ),
-                })}
+                    ) : null
+                }
             >
                 <ListItemButton
                     onClick={toggleFilter}