Mobile: Fixes: #10677: Following a link to a previously open note wouldn't work

[pedr]

Fixes #10677

Description

A common source of problems in mobile seems to be that the NoteScreenComponent needs a lot of "hacks" to be able to change from one note content to another.

In this issue I'm addressing the latest bug reported that has a similar source of problem.

The original problem was reported that following a link from A -> B -> A would make the link to B stop working, when note A and B where on different notebooks

I'm not 100% sure of the root cause, but the reason is that when we render A and B for the first time there is a call to componentDidMount which calls note-screen-shared initState which loads the note by the props.noteId property

But when following the link from B -> A, now A doesn't reload the this.state.note, which would result on the navigation sending the user to the B notebook and trying to open the A note.

To fix this, I added a wrapper to the component that will be re-rendered every time the noteId changes, making it unnecessary the "hack" of redirecting to Notes and after a timeout redirect to Note.

Testing

Preparation

1. Create notebook_a and notebook_b
2. Create a note_a on notebook_a
3. Create a note_b on notebook_b
4. Add a link from note_a on note_b and vice versa

Testing

1. Open note_a, follow link to note_b
2. note_b should be open, follow link to note_a
3. note_a should be opened
4. Before this PR, trying to follow link to note_b wouldn't cause any changes
5. After this PR, note_b should be opened

[personalizedrefrigerator]

This looks good to me!

Edit: As discussed earlier, I'm changing the target branch from dev to release-3.0 to allow this change to be released before v3.1. (If this change should target v3.1, feel free to change the target branch back to dev!)