Fix Notes flash using local state

[H0onnn]

Issue

• close Notes flash after note update/creation #5444

Work Detail

Modified the logic of useNotes hook using useState and useEffect.

1. cashedNotes retains previously imported data. This allows existing data to remain visible while new data is imported.
2. Once the data is finished loading, update cachedNotes with the latest data and set isLoading to false.

I believe this will prevent the UI from flickering, and it actually fixed the issue when I tested it on my local environment.

Tested in a slow 3G network.

Preview

2024-05-20.2.40.19.mov

[greptile-apps]

Pull Request Summary

• Introduced local state management in the useNotes hook using useState and useEffect to cache notes and manage the loading state.
• Retained previously loaded data in cachedNotes while new data is being fetched to prevent UI flickering.
• Updated cachedNotes with the latest data once loading is complete and set isLoading to false.

Notes

• This change should significantly improve the user experience by preventing flickering during data fetches.

[lucasbordeau]

The bug seems to be fixed by some other change, closing this PR, thanks for your contribution @H0onnn