Sync password top bar not getting hidden

[GarvitDadheech]

Steps to Reproduce:

• Open Joplin.
• Click on the "Synchronize" button.
• Navigate back to the main notes screen.

Expected Behavior:

• The sync password top bar should have an option to be dismissed or hidden.
• A cross button (X) should be present on the top bar to allow users to close it manually.

Actual Behavior:

• The sync password top bar remains visible and cannot be hidden.
• This persistent top bar leads to a poor user experience as it obstructs the view and remains on the screen unnecessarily.

Impact:

• The inability to hide the sync password top bar negatively affects the user experience, causing distraction and inconvenience to users trying to focus on their notes.

Suggested Solution:

• Add a cross button (X) on the sync password top bar to allow users to manually close it when it is not needed.
• Ensure that the top bar does not reappear unless there is a specific reason or user action triggering it.

Video: joplinSyncIssue.webm

[MrPhenomenal3110]

I would like to work on this issue @priyasirohi09

I have found out that in order to implement this behaviour, we will have to add a close button/element in the file MainScreen.tsx in the directory packages/app-desktop/gui/MainScreen/ and change the display of the message box element using the onClick event listener