title: JSQMessagesViewController, RegularTaillessImage not working for images
body: <p>I am trying to use JSQMessagesViewController and I want to remove the tail from the speech bubbles so they are displayed as regular rounded rectangles. I have this code for the initial setup:</p>
  
  <pre><code>let imageFactory = JSQMessagesBubbleImageFactory(bubbleImage: UIImage.jsq_bubbleRegularTaillessImage(), capInsets: UIEdgeInsetsZero)
  incomingBubbleImageData = imageFactory.incomingMessagesBubbleImageWithColor(incomingColor)
  outgoingBubbleImageData = imageFactory.outgoingMessagesBubbleImageWithColor(outgoingColor)
  </code></pre>
  
  <p>and then:</p>
  
  <pre><code>override func collectionView(collectionView: JSQMessagesCollectionView!, messageBubbleImageDataForItemAtIndexPath indexPath: NSIndexPath!) -&gt; JSQMessageBubbleImageDataSource! {
          let messagesArray = messagesArrayForSection(indexPath.section)
          let message = messagesArray[indexPath.row]
          if message.senderId == senderId {
              return outgoingBubbleImageData
          }
  
          return incomingBubbleImageData
      }
  </code></pre>
  
  <p>This is working and cutting off the tail for speech bubbles with text, but for images the tail is still there:</p>
  
  <p><a href="https://i.stack.imgur.com/8o2yX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8o2yX.png" alt="enter image description here"></a></p>
  
  <p>Any ideas what I might be doing wrong here? Any pointers would be really appreciated. thanks!</p>