Remove most React memo

Maybe would solve iOS out of memory crashes

src/components/Timeline/Shared/Actions.tsx

@@ -211,15 +211,14 @@ const TimelineActions: React.FC = () => {
   )
   const childrenReblog = useMemo(() => {
     const color = (state: boolean) => (state ? colors.green : colors.secondary)
+    const disabled =
+      status.visibility === 'direct' || (status.visibility === 'private' && !ownAccount)
     return (
       <>
         <Icon
           name='Repeat'
-          color={
-            status.visibility === 'direct' || (status.visibility === 'private' && !ownAccount)
-              ? colors.disabled
-              : color(status.reblogged)
-          }
+          color={disabled ? colors.disabled : color(status.reblogged)}
+          crossOut={disabled}
           size={StyleConstants.Font.Size.L}
         />
         {status.reblogs_count > 0 ? (

src/components/Timeline/Shared/HeaderShared/Application.tsx

@@ -9,31 +9,28 @@ export interface Props {
   application?: Mastodon.Application
 }
 
-const HeaderSharedApplication = React.memo(
-  ({ application }: Props) => {
-    const { colors } = useTheme()
-    const { t } = useTranslation('componentTimeline')
+const HeaderSharedApplication: React.FC<Props> = ({ application }) => {
+  const { colors } = useTheme()
+  const { t } = useTranslation('componentTimeline')
 
-    return application && application.name !== 'Web' ? (
-      <CustomText
-        fontStyle='S'
-        accessibilityRole='link'
-        onPress={async () => {
-          application.website && (await openLink(application.website))
-        }}
-        style={{
-          marginLeft: StyleConstants.Spacing.S,
-          color: colors.secondary
-        }}
-        numberOfLines={1}
-      >
-        {t('shared.header.shared.application', {
-          application: application.name
-        })}
-      </CustomText>
-    ) : null
-  },
-  () => true
-)
+  return application && application.name !== 'Web' ? (
+    <CustomText
+      fontStyle='S'
+      accessibilityRole='link'
+      onPress={async () => {
+        application.website && (await openLink(application.website))
+      }}
+      style={{
+        marginLeft: StyleConstants.Spacing.S,
+        color: colors.secondary
+      }}
+      numberOfLines={1}
+    >
+      {t('shared.header.shared.application', {
+        application: application.name
+      })}
+    </CustomText>
+  ) : null
+}
 
 export default HeaderSharedApplication

src/components/Timeline/Shared/HeaderShared/Created.tsx

@@ -13,43 +13,34 @@ export interface Props {
   highlighted?: boolean
 }
 
-const HeaderSharedCreated = React.memo(
-  ({ created_at, edited_at, highlighted = false }: Props) => {
-    const { t } = useTranslation('componentTimeline')
-    const { colors } = useTheme()
+const HeaderSharedCreated: React.FC<Props> = ({ created_at, edited_at, highlighted = false }) => {
+  const { t } = useTranslation('componentTimeline')
+  const { colors } = useTheme()
 
-    const actualTime = edited_at || created_at
+  const actualTime = edited_at || created_at
 
-    return (
-      <>
-        <CustomText fontStyle='S' style={{ color: colors.secondary }}>
-          {highlighted ? (
-            <>
-              <FormattedDate
-                value={new Date(actualTime)}
-                dateStyle='medium'
-                timeStyle='short'
-              />
-            </>
-          ) : (
-            <RelativeTime time={actualTime} />
-          )}
-        </CustomText>
-        {edited_at ? (
-          <Icon
-            accessibilityLabel={t(
-              'shared.header.shared.edited.accessibilityLabel'
-            )}
-            name='Edit'
-            size={StyleConstants.Font.Size.S}
-            color={colors.secondary}
-            style={{ marginLeft: StyleConstants.Spacing.S }}
-          />
-        ) : null}
-      </>
-    )
-  },
-  (prev, next) => prev.edited_at === next.edited_at
-)
+  return (
+    <>
+      <CustomText fontStyle='S' style={{ color: colors.secondary }}>
+        {highlighted ? (
+          <>
+            <FormattedDate value={new Date(actualTime)} dateStyle='medium' timeStyle='short' />
+          </>
+        ) : (
+          <RelativeTime time={actualTime} />
+        )}
+      </CustomText>
+      {edited_at ? (
+        <Icon
+          accessibilityLabel={t('shared.header.shared.edited.accessibilityLabel')}
+          name='Edit'
+          size={StyleConstants.Font.Size.S}
+          color={colors.secondary}
+          style={{ marginLeft: StyleConstants.Spacing.S }}
+        />
+      ) : null}
+    </>
+  )
+}
 
 export default HeaderSharedCreated

src/components/Timeline/Shared/HeaderShared/Muted.tsx

@@ -3,34 +3,24 @@ import { StyleConstants } from '@utils/styles/constants'
 import { useTheme } from '@utils/styles/ThemeManager'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { StyleSheet } from 'react-native'
 
 export interface Props {
   muted?: Mastodon.Status['muted']
 }
 
-const HeaderSharedMuted = React.memo(
-  ({ muted }: Props) => {
-    const { t } = useTranslation('componentTimeline')
-    const { colors } = useTheme()
+const HeaderSharedMuted: React.FC<Props> = ({ muted }) => {
+  const { t } = useTranslation('componentTimeline')
+  const { colors } = useTheme()
 
-    return muted ? (
-      <Icon
-        accessibilityLabel={t('shared.header.shared.muted.accessibilityLabel')}
-        name='VolumeX'
-        size={StyleConstants.Font.Size.S}
-        color={colors.secondary}
-        style={styles.visibility}
-      />
-    ) : null
-  },
-  () => true
-)
-
-const styles = StyleSheet.create({
-  visibility: {
-    marginLeft: StyleConstants.Spacing.S
-  }
-})
+  return muted ? (
+    <Icon
+      accessibilityLabel={t('shared.header.shared.muted.accessibilityLabel')}
+      name='VolumeX'
+      size={StyleConstants.Font.Size.M}
+      color={colors.secondary}
+      style={{ marginLeft: StyleConstants.Spacing.S }}
+    />
+  ) : null
+}
 
 export default HeaderSharedMuted

src/components/Timeline/Shared/HeaderShared/Visibility.tsx

@@ -9,48 +9,45 @@ export interface Props {
   visibility: Mastodon.Status['visibility']
 }
 
-const HeaderSharedVisibility = React.memo(
-  ({ visibility }: Props) => {
-    const { t } = useTranslation('componentTimeline')
-    const { colors } = useTheme()
+const HeaderSharedVisibility: React.FC<Props> = ({ visibility }) => {
+  const { t } = useTranslation('componentTimeline')
+  const { colors } = useTheme()
 
-    switch (visibility) {
-      case 'unlisted':
-        return (
-          <Icon
-            accessibilityLabel={t('shared.header.shared.visibility.private.accessibilityLabel')}
-            name='Unlock'
-            size={StyleConstants.Font.Size.S}
-            color={colors.secondary}
-            style={styles.visibility}
-          />
-        )
-      case 'private':
-        return (
-          <Icon
-            accessibilityLabel={t('shared.header.shared.visibility.private.accessibilityLabel')}
-            name='Lock'
-            size={StyleConstants.Font.Size.S}
-            color={colors.secondary}
-            style={styles.visibility}
-          />
-        )
-      case 'direct':
-        return (
-          <Icon
-            accessibilityLabel={t('shared.header.shared.visibility.direct.accessibilityLabel')}
-            name='Mail'
-            size={StyleConstants.Font.Size.S}
-            color={colors.secondary}
-            style={styles.visibility}
-          />
-        )
-      default:
-        return null
-    }
-  },
-  () => true
-)
+  switch (visibility) {
+    case 'unlisted':
+      return (
+        <Icon
+          accessibilityLabel={t('shared.header.shared.visibility.private.accessibilityLabel')}
+          name='Unlock'
+          size={StyleConstants.Font.Size.S}
+          color={colors.secondary}
+          style={styles.visibility}
+        />
+      )
+    case 'private':
+      return (
+        <Icon
+          accessibilityLabel={t('shared.header.shared.visibility.private.accessibilityLabel')}
+          name='Lock'
+          size={StyleConstants.Font.Size.S}
+          color={colors.secondary}
+          style={styles.visibility}
+        />
+      )
+    case 'direct':
+      return (
+        <Icon
+          accessibilityLabel={t('shared.header.shared.visibility.direct.accessibilityLabel')}
+          name='Mail'
+          size={StyleConstants.Font.Size.S}
+          color={colors.secondary}
+          style={styles.visibility}
+        />
+      )
+    default:
+      return null
+  }
+}
 
 const styles = StyleSheet.create({
   visibility: {