feat(structure): add history and review tabs to changes inspector panel

[pedrobonamin]

Description

This pull request joins the history revision and the review changes into 1 inspector, divided by tabs.

History tab

Reuses the existing Timeline component to render the view of the Timeline and allows the user to select which revision to see in the form.
By moving this into the history tab, the TimelineMenu was removed from the DocumentPanelHeader

Review changes tab

Reuses the existing Review changes, it now includes the From and To selector, making it easier for the user to understand where the changes he is seeing are coming from.

Other
When clicking the fields ChangeBarButton the inspector will open in the Review changes tab.
When opening the inspector through the Actions menu, it will open in the History tab

What to review

Are the changes correct?
Is there something else to consider in this changes related to the review changes that may have been lost?

Testing

e2e testing to be included once designs are on a final stage and all the changes have been approved by design.

Notes for release

n/a this will go to a feature branch

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
page-building-studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 30, 2024 1:24pm
performance-studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 30, 2024 1:24pm
test-compiled-studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 30, 2024 1:24pm
test-next-studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 30, 2024 1:24pm
test-studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 30, 2024 1:24pm

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
studio-workshop	⬜️ Ignored (Inspect)	Visit Preview		Aug 30, 2024 1:24pm

[github-actions]

No changes to documentation

[github-actions]

Component Testing Report Updated Aug 30, 2024 1:29 PM (UTC)

✅ All Tests Passed -- expand for details

File	Status	Duration	Passed	Skipped	Failed
comments/CommentInput.spec.tsx	✅ Passed (Inspect)	45s	15	0	0
formBuilder/ArrayInput.spec.tsx	✅ Passed (Inspect)	8s	3	0	0
formBuilder/inputs/PortableText/Annotations.spec.tsx	✅ Passed (Inspect)	32s	6	0	0
formBuilder/inputs/PortableText/copyPaste/CopyPaste.spec.tsx	✅ Passed (Inspect)	38s	11	7	0
formBuilder/inputs/PortableText/copyPaste/CopyPasteFields.spec.tsx	✅ Passed (Inspect)	0s	0	12	0
formBuilder/inputs/PortableText/Decorators.spec.tsx	✅ Passed (Inspect)	18s	6	0	0
formBuilder/inputs/PortableText/DisableFocusAndUnset.spec.tsx	✅ Passed (Inspect)	10s	3	0	0
formBuilder/inputs/PortableText/DragAndDrop.spec.tsx	✅ Passed (Inspect)	3m 0s	0	0	0
formBuilder/inputs/PortableText/FocusTracking.spec.tsx	✅ Passed (Inspect)	44s	15	0	0
formBuilder/inputs/PortableText/Input.spec.tsx	✅ Passed (Inspect)	1m 47s	21	0	0
formBuilder/inputs/PortableText/ObjectBlock.spec.tsx	✅ Passed (Inspect)	1m 16s	18	0	0
formBuilder/inputs/PortableText/PresenceCursors.spec.tsx	✅ Passed (Inspect)	8s	3	9	0
formBuilder/inputs/PortableText/RangeDecoration.spec.tsx	✅ Passed (Inspect)	25s	9	0	0
formBuilder/inputs/PortableText/Styles.spec.tsx	✅ Passed (Inspect)	18s	6	0	0
formBuilder/inputs/PortableText/Toolbar.spec.tsx	✅ Passed (Inspect)	1m 14s	21	0	0
formBuilder/tree-editing/TreeEditing.spec.tsx	✅ Passed (Inspect)	0s	0	3	0
formBuilder/tree-editing/TreeEditingNestedObjects.spec.tsx	✅ Passed (Inspect)	0s	0	3	0

[RitaDias]

This looks good!
I left one comment but as I mentioned, feels like it's out of scope for this PR :)

[bjoerge]

This is a really really nice improvement ✨

My only feedback is that it feels slightly awkward that clicking "Review Changes" from the menu takes you to the "History" tab, and there's another tab here named "Review Changes":

Screen.Recording.2024-08-30.at.14.08.18.mov

Maybe the "Review Changes" tab should be named "Changes" or "Diff" instead?

[pedrobonamin]

This is a really really nice improvement ✨

My only feedback is that it feels slightly awkward that clicking "Review Changes" from the menu takes you to the "History" tab, and there's another tab here named "Review Changes":

Screen.Recording.2024-08-30.at.14.08.18.mov
Maybe the "Review Changes" tab should be named "Changes" or "Diff" instead?

Hey @bjoerge , thanks for raising this, I had a similar feeling, I went to check back the prototype and the action in the prototype has been renamed from "review changes" to "history", will update the action name here.