Add List Message Component

[ajaman190]

Description

This pull request resolves the issues mentioned in issue #159.

Changes Made

• [x] Implemented the List Message Component.
• [x] Added and Modify the test cases for them.
• [x] Refactored and created an individual component for all the different messages type.

Screenshots

Attach any relevant screenshots to help reviewers better understand the visual aspects of the changes.

Related Issues

Closes: #159

@mdshamoon Kindly review this PR.

[codecov[bot]]

Codecov Report

Patch coverage: 92.39% and project coverage change: +0.56% :tada:

Comparison is base (61b5b12) 72.19% compared to head (2010b9f) 72.76%. Report is 2 commits behind head on main.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #163 +/- ## ========================================== + Coverage 72.19% 72.76% +0.56% ========================================== Files 78 87 +9 Lines 1338 1362 +24 Branches 117 118 +1 ========================================== + Hits 966 991 +25 + Misses 339 338 -1 Partials 33 33 ``` | [Files Changed](https://app.codecov.io/gh/glific/mobile/pull/163?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=glific) | Coverage Δ | | |---|---|---| | [components/CollectionCard.tsx](https://app.codecov.io/gh/glific/mobile/pull/163?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=glific#diff-Y29tcG9uZW50cy9Db2xsZWN0aW9uQ2FyZC50c3g=) | `100.00% <ø> (ø)` | | | [components/InstructionCard.tsx](https://app.codecov.io/gh/glific/mobile/pull/163?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=glific#diff-Y29tcG9uZW50cy9JbnN0cnVjdGlvbkNhcmQudHN4) | `100.00% <ø> (ø)` | | | [components/messages/MessageList.tsx](https://app.codecov.io/gh/glific/mobile/pull/163?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=glific#diff-Y29tcG9uZW50cy9tZXNzYWdlcy9NZXNzYWdlTGlzdC50c3g=) | `41.17% <0.00%> (ø)` | | | [components/navigation/CustomDrawer.tsx](https://app.codecov.io/gh/glific/mobile/pull/163?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=glific#diff-Y29tcG9uZW50cy9uYXZpZ2F0aW9uL0N1c3RvbURyYXdlci50c3g=) | `0.00% <ø> (ø)` | | | [components/messages/MessageTypes/VideoMessage.tsx](https://app.codecov.io/gh/glific/mobile/pull/163?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=glific#diff-Y29tcG9uZW50cy9tZXNzYWdlcy9NZXNzYWdlVHlwZXMvVmlkZW9NZXNzYWdlLnRzeA==) | `80.00% <80.00%> (ø)` | | | [components/messages/MessageTypes/AudioMessage.tsx](https://app.codecov.io/gh/glific/mobile/pull/163?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=glific#diff-Y29tcG9uZW50cy9tZXNzYWdlcy9NZXNzYWdlVHlwZXMvQXVkaW9NZXNzYWdlLnRzeA==) | `92.85% <92.85%> (ø)` | | | [components/ContactCard.tsx](https://app.codecov.io/gh/glific/mobile/pull/163?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=glific#diff-Y29tcG9uZW50cy9Db250YWN0Q2FyZC50c3g=) | `84.21% <100.00%> (ø)` | | | [components/messages/Message.tsx](https://app.codecov.io/gh/glific/mobile/pull/163?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=glific#diff-Y29tcG9uZW50cy9tZXNzYWdlcy9NZXNzYWdlLnRzeA==) | `100.00% <100.00%> (+8.33%)` | :arrow_up: | | [...mponents/messages/MessageTypes/DocumentMessage.tsx](https://app.codecov.io/gh/glific/mobile/pull/163?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=glific#diff-Y29tcG9uZW50cy9tZXNzYWdlcy9NZXNzYWdlVHlwZXMvRG9jdW1lbnRNZXNzYWdlLnRzeA==) | `100.00% <100.00%> (ø)` | | | [components/messages/MessageTypes/ImageMessage.tsx](https://app.codecov.io/gh/glific/mobile/pull/163?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=glific#diff-Y29tcG9uZW50cy9tZXNzYWdlcy9NZXNzYWdlVHlwZXMvSW1hZ2VNZXNzYWdlLnRzeA==) | `100.00% <100.00%> (ø)` | | | ... and [8 more](https://app.codecov.io/gh/glific/mobile/pull/163?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=glific) | |

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.