Status: prevent selecting text from navigating to the status

Fixes https://gitlab.com/soapbox-pub/soapbox/-/issues/901

app/soapbox/components/status.tsx

@@ -110,6 +110,11 @@ const Status: React.FC<IStatus> = (props) => {
   const handleClick = (e?: React.MouseEvent): void => {
     e?.stopPropagation();
 
+    // If the user is selecting text, don't focus the status.
+    if (getSelection()?.toString().length) {
+      return;
+    }
+
     if (!e || !(e.ctrlKey || e.metaKey)) {
       if (onClick) {
         onClick();
@@ -321,7 +326,7 @@ const Status: React.FC<IStatus> = (props) => {
         data-featured={featured ? 'true' : null}
         aria-label={textForScreenReader(intl, actualStatus, rebloggedByText)}
         ref={node}
-        onClick={handleClick}
+        onMouseUp={handleClick}
         role='link'
       >
         {featured && (