Feat: Display Think for Deepseek R1 model #4903 (#4930)

### What problem does this PR solve?

Feat: Display Think for Deepseek R1 model #4903

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

web/src/utils/chat.ts

@@ -49,3 +49,11 @@ export const preprocessLaTeX = (content: string) => {
   );
   return inlineProcessedContent;
 };
+
+export function replaceThinkToSection(text: string) {
+  const pattern = /<think>([\s\S]*?)<\/think>/g;
+
+  const result = text.replace(pattern, '<section class="think">$1</section>');
+
+  return result;
+}