🐛 [BUG] - <Skeleton loading in dark mode appears like light mode in chat>

[corlard3y]

#1308

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 ChatPreview.tsx:

1. There is a missing opening tag for <Section> before className={options.readmode ? 'skeleton' : ''}.
2. There is a missing opening tag for <Section> before <FaFile /> File.
3. The return statement is missing a closing parenthesis after <CiImageOn />.

In ChatViewList.tsx:

1. There is a missing closing brace } after the return statement inside the second useEffect block.
2. There is a missing opening brace { before the if statement if (Object.keys(participantRemoveStream || {}).length > 0 && participantRemoveStream.constructor === Object).
3. Inside the transformSteamMessage function, the closing brace } is misplaced, it should close after the final return statement.

In MessageEncryption.tsx:

1. There are missing closing braces } for the objects NO_ENCRYPTED_GROUP, PREVIEW, and LOADING.

In ProfileContainer.tsx:

1. There is a missing closing angle bracket > for the opening <Section> tag before flexDirection="column".
2. There is a misplaced closing brace } before the className={loading ? 'skeleton' : ''} inside the Tooltip component.
3. The closing parenthesis is missing after setCopyText('Copied') inside the onClick event in the Section component.
4. There is a missing closing brace } after the <RecipientSpan> component declaration.

Please make the necessary corrections.