fix: react-markdown crash on code highlighting - threads switching do not take effect sometime

[louis-jan]

Describe Your Changes

This PR addresses an issue where ReactMarkdown could crash due to unsupported languages in code highlighting. This has been resolved in the newer version of the dependency.

Also fixed the issue where switching between new threads (very shorts) would not take effect

Fixes Issues

• bug: [0.5.10] Unable to switch between threads #4205
• bug: [0.5.10] Code highlighting is broken for certain programming languages, causing Jan to crash #4215

Changes made

The changes in the git diff are as follows:

1. package.json Update:

   • The version of the rehype-highlight package was updated from ^6.0.0 to ^7.0.1 in the project's dependencies.

2. index.tsx Code Modifications:

   • Import Changes:

     • Added a new import: import { activeThreadAtom } from '@/helpers/atoms/Thread.atom'.

   • State and Effect Hook Adjustments:

     • Introduced a new state variable currentThread using useAtomValue to get the value of activeThreadAtom.
     • Updated the useEffect dependency and logic to include currentThread. This ensures that setCurrent is called if any message's thread_id does not match currentThread?.id.

   • Virtual Row Key Adjustment:

     • Changed the key for each virtualRow from virtualRow.key to messages[virtualRow.index]?.id. This provides a more consistent and relevant key based on the message ID.

These changes aim to improve thread handling and ensure correct rendering of chat messages in the component.

[github-actions]

Barecheck - Code coverage report

Total: 69.26%

Your code coverage diff: -0.03% ▾

Uncovered files and lines

File	Lines
web/screens/Thread/ThreadCenterPanel/ChatBody/index.tsx	20-21, 23-24, 26, 30-31, 34-35, 37, 39, 43, 60, 62-63, 68, 70-71, 74-76, 80-81, 86, 123