fix(SimpleCell): fix before icon offset (iOS)

packages/vkui/src/components/SimpleCell/SimpleCell.e2e-playground.tsx

@@ -99,6 +99,10 @@ export const SimpleCellPlayground = (props: ComponentPlaygroundProps) => {
           ],
           indicator: ['1:20:22'],
         },
+        {
+          before: [<Icon28MessageOutline key="icon" />],
+          children: ['Title'],
+        },
       ]}
     >
       {(props: SimpleCellProps) => <SimpleCell {...props} />}

packages/vkui/src/components/SimpleCell/SimpleCell.module.css

@@ -29,6 +29,11 @@
   padding-inline-end: 4px;
 }
 
+/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+.SimpleCell__before--ios > :global(.vkuiIcon) {
+  padding-inline-end: 0;
+}
+
 .SimpleCell__before:empty {
   display: none;
 }

packages/vkui/src/components/SimpleCell/SimpleCell.tsx

@@ -115,7 +115,14 @@ export const SimpleCell = ({
         className,
       )}
     >
-      <div className={styles['SimpleCell__before']}>{before}</div>
+      <div
+        className={classNames(
+          styles['SimpleCell__before'],
+          platform === 'ios' && styles['SimpleCell__before--ios'],
+        )}
+      >
+        {before}
+      </div>
       <div className={styles['SimpleCell__middle']}>
         {subhead && (
           <Subhead