fix: fixed the json parse bug

[mishramonalisha76]

Fixes Issue

The issue was when the chats are not decrypted, the image, file content is not a JSON format but is an encrypted string, which gave error when parsed.
So handled the exception in JSON.parse() using try catch.

Video: https://drive.google.com/file/d/1CZepGGMKEFMHU7ICOkehRaR5jAdLpZj8/view?usp=sharing

Changes proposed

Check List (Check all the applicable boxes)

• My code follows the code style of this project.
• My change requires changes to the documentation.
• I have updated the documentation accordingly.
• This PR does not contain plagiarized content.
• The title of my pull request is a short description of the requested changes.

Screenshots

Note to reviewers

[github-actions]

In the FileCard.tsx file, the FileCard component is missing the position prop in the destructuring of props.

It should be updated like this:

export const FileCard = ({ chat, position, isGroup }: { chat: IMessagePayload; position: number; isGroup: boolean }) => {

In the same file, there's a typo in the comment: "External Packages" should be "External Packages".

In the ImageCard.tsx file, the ImageCard component is missing the position prop in the destructuring of props.

It should be updated like this:

export const ImageCard = ({
  chat,
  position,
  isGroup,
}: {
  chat: IMessagePayload;
  position: number;
  isGroup: boolean;
}) => {

Other than the above-mentioned fixes, the code in both files looks good.

All looks good.

[mishramonalisha76]

not needed, its already fixed by @HarshRajat