fix(replay): hide animation ring if reduce motion is on (#101162)

This hides the animation ring so when `reduce-motion` is turned on, the
LIVE indicator looks like this:

before | after
-- | --

![before](https://github.com/user-attachments/assets/e75b4716-317f-4072-a708-957b0e211ca6)|![after](https://github.com/user-attachments/assets/3d9dff76-e008-456d-a353-2de9e91b0a96)

Author: jerryzhou196

static/app/views/replays/detail/header/replayDetailsUserBadge.tsx

@@ -194,6 +194,12 @@ const LiveIndicator = styled('div')`
   border-radius: 50%;
   margin-left: 6px;
 
+  @media (prefers-reduced-motion: reduce) {
+    &:before {
+      display: none;
+    }
+  }
+
   &:before {
     content: '';
     animation: ${pulse} 3s ease-out infinite;