Display folder icon on notes that belong to a specific folder

[Aryan3522]

At the moment, when a note is moved into a folder, there is no visual indication on the note card showing which folder it belongs to. This makes it difficult for users to quickly identify the organization of their notes.

This issue focuses on improving the UI by displaying a folder indicator on notes that belong to a specific folder.

Expected Behavior

When a note is stored inside a folder:

• A folder icon should appear at the top of the note.

• The icon should visually indicate that the note belongs to a folder.

• Optionally, hovering over the icon could show the folder name.

Example UI idea:

📁 Work Notes

or

📁 Folder: Personal

Possible Implementation Ideas

• Add a folder icon component in the note card header.

• Conditionally render the icon if note.folderId exists.

• Use an existing icon library like react-icons.

Acceptance Criteria

• Notes inside folders display a folder icon.

• Notes not inside folders do not show the icon.

• The UI remains clean and responsive.

[jayanth797]

Hi, I'd like to work on this issue. Could you assign it to me?

[Aryan3522]

@jayanth797 Feel free to fork the repository and start working on the issue.

After completing your changes, please open a pull request so we can review it.