fix: rounding errors and unnecessary width enforcing

Author: isekovanic

package/src/components/Message/MessageSimple/MessageBubble.tsx

@@ -107,7 +107,7 @@ export const SwipableMessageBubble = React.memo(
 
     const setMessageContentWidth = useStableCallback((valueOrCallback: SetStateAction<number>) => {
       if (typeof valueOrCallback === 'number') {
-        props.setMessageContentWidth(Math.round(valueOrCallback));
+        props.setMessageContentWidth(Math.ceil(valueOrCallback));
         return;
       }
       props.setMessageContentWidth(valueOrCallback);
@@ -175,13 +175,13 @@ export const SwipableMessageBubble = React.memo(
             );
           }),
       [
-        isSwiping,
         messageSwipeToReplyHitSlop,
-        onSwipe,
         touchStart,
+        isSwiping,
+        shouldRenderSwipeableWrapper,
         translateX,
+        onSwipe,
         triggerHaptic,
-        shouldRenderSwipeableWrapper,
       ],
     );
 
@@ -200,7 +200,9 @@ export const SwipableMessageBubble = React.memo(
           style={[
             styles.contentWrapper,
             contentWrapper,
-            props.messageContentWidth > 0 ? { width: props.messageContentWidth } : {},
+            props.messageContentWidth > 0 && shouldRenderAnimatedWrapper
+              ? { width: props.messageContentWidth }
+              : {},
           ]}
         >
           {shouldRenderAnimatedWrapper ? (