Fix Missing Toolbar Image Preview on Add Note Screen

[rcAsironman]

Description

Currently, when a user uploads a picture in the AddNoteScreen, the image correctly appears within the note content. However, the same image is not visible in the toolbar preview/selected image area, which leads to an inconsistent and confusing user experience.

To resolve this issue:

Ensure that any uploaded image is displayed both in the note content and in the toolbar preview/selected image section.
Maintain consistency between the toolbar preview and the note content image.

• Ensure that any uploaded image is displayed both in the note content and in the toolbar preview/selected image section.
• Maintain consistency between the toolbar preview and the note content image.

Tasks

• Review the image upload and rendering logic on the AddNoteScreen.

• Investigate why the uploaded image appears in the note but not in the toolbar preview area.

• Fix the issue to ensure that uploaded images are reflected in the toolbar preview immediately after selection.

• Test the behavior for various image formats and sizes.

• Write and implement test cases to verify:

  • Image visibility in both toolbar and note content.
  • Consistency when adding multiple images.

• Verify functionality on both iOS and Android platforms.

Acceptance Criteria

• Uploaded images are immediately displayed in the toolbar preview/selected image section.
• The same images are consistently visible within the note content.
• All test cases pass successfully.
• Feature operates smoothly and without errors on both iOS and Android.