[Outreachy Task Submission]: Collections list not displaying Tick Mark for collections already containing post

[RWUBAKWANAYO]

Description:

In the post view page, when attempting to add a post to a collection, the collections list does not display tick marks for collections that already contain the post. This can lead to confusion for users who may not be certain if the post has already been added to a particular collection.

To Reproduce:

1. Launch the mobile application with npm run mobile:serve.
2. Select a deployment or create a new one.
3. Log in to the application.
4. Navigate to a post, then within the post view, click on the "add_to_collection" icon.
5. In the "Add post to collection" popup, observe that tick marks are missing for collections containing the post.

Expected behavior:

When adding a post to a collection, the collections list should display tick marks next to collections that already contain the post. This ensures clarity for users and prevents confusion about whether the post has been added to a particular collection.

Desktop Hardware Details:

• Operating System: iOS
• Browser: Chrome
• Browser Version: 122

Additional Context:

screen-recording-2024-03-23-at-134443_8CeAs4X7.mov

@Angamanga, could you kindly assist in adding the Outreachy Task Submission Label to this issue? I'm going to work on resolving it.