we don't show the canvas flexGap control between generated items

[bkrmendy]

Problem
The on-canvas gap control doesn't show up between items that are generated, even if those are not in a fragment

Code

<div
        style={{
          height: 'max-content',
          position: 'absolute',
          left: 48,
          top: 112,
          display: 'flex',
          flexDirection: 'row',
          width: 'max-content',
          gap: 29,
        }}
      >
     <div>MyComponent</div>
        {[1, 2, 3].map(({ a, b, c }) => (
          <img
            src='https://github.com/concrete-utopia/utopia/blob/master/editor/resources/editor/pyramid_fullsize@2x.jpg?raw=true'
            alt='Utopia logo'
            style={{ width: 118, height: 150 }}
          />
        ))}
        <View
          src='https://github.com/concrete-utopia/utopia/blob/master/editor/resources/editor/pyramid_fullsize@2x.jpg?raw=true'
          alt='Utopia logo'
          style={{ width: 118, height: 150 }}
        />
        <img
          src='https://github.com/concrete-utopia/utopia/blob/master/editor/resources/editor/pyramid_fullsize@2x.jpg?raw=true'
          alt='Utopia logo'
          style={{ width: 118, height: 150 }}
        />
      </div>