feat(replay): Add Troubleshooting item for "clicks in wrong places"

Adds a troubleshooting entry for when clicks are in the wrong location (e.g. it looks like it is clicking nothing, but it should be clicking a checkbox or button).

ref: getsentry/sentry-javascript#15449

https://sentry.slack.com/archives/C03USURCFBJ/p1739781759800659

docs/platforms/javascript/common/session-replay/troubleshooting.mdx

@@ -173,3 +173,10 @@ There are certain cases (such as clicking a button to play an audio clip) where
 If you want to turn off [rage click issues](/product/issues/issue-details/replay-issues/) altogether, you can disable them by going to the **Settings** page in Sentry, clicking "Projects", and selecting the project for which you want to disable rage clicks. From here, select "Replays" under the "PROCESSING" heading and toggle off "Create Rage Click Issues".
 
 </Expandable>
+
+<Expandable title="Clicks appear in the wrong location" permalink>
+
+Clicks in replays can appear in the incorrect location due to rendering differences between your application and the replayer. A common case of this is with text rendering: custom fonts are not supported in the replayer and can cause the height of elements to differ between production and the replay. This means that the scroll position being incorrect and results in mouse clicks appearing to click the wrong location. Text masking of variable-width fonts can also cause this.
+
+Unfortunately, there is currently no workaround. Please [follow this GitHub Issue](https://github.com/getsentry/sentry-javascript/issues/15449) for updates.
+</Expandable>