fix - set selection on update for tiptap

[adriangohjw]

Problem

When users type in tiptap, the cursor will jump. This is caused by the useEffect we have which was necessary to ensure data is repopulated back when user dismisess the "are you sure you want to drop changes" modal

RE: https://opengovproducts.slack.com/archives/C07CWUNUL68/p1736426201036129

Solution

Breaking Changes

• Yes - this PR contains breaking changes
  • Details ...
• No - this PR is backwards compatible

Bug Fixes:

• to note the cursor position and add it back

Tests

1. on studio, create a Callout component with some text. Save the component
2. open the component again. Put your cursor in the middle of the text and start typing - your cursor should not jump to the end of the text

[datadog-opengovsg]

Datadog Report

Branch report: fix-tiptap-editor-selection-jumping
Commit report: 4e01566
Test service: isomer-studio

✅ 0 Failed, 257 Passed, 36 Skipped, 47.49s Total Time
➡️ Test Sessions change in coverage: 1 no change

[seaerchin]

i'm abit hesistant on this because it seems like we're adding alot of overhead that we must remember as useEffect is not very tightly coupled to the call site - should we try to find another solution?

[seaerchin]

not sure if we need this second argument?

[adriangohjw]

resolved in cb8ab4f

[adriangohjw]

i'm abit hesistant on this because it seems like we're adding alot of overhead that we must remember as useEffect is not very tightly coupled to the call site - should we try to find another solution?

@seaerchin agree. perhaps i can add a ticket for that since this issue is quite a blocker to the site users since they cannot edit certain components