🗨️ refactor: Better Whitespace handling in Chat Message rendering (#11791)

- Updated the rendering logic in the Part component to handle whitespace-only text more effectively.
- Introduced a placeholder for whitespace-only last parts during streaming to enhance user experience.
- Ensured non-last whitespace-only parts are skipped to avoid rendering empty containers, improving layout stability.

client/src/components/Chat/Messages/Content/Part.tsx

@@ -67,9 +67,20 @@ const Part = memo(
       if (part.tool_call_ids != null && !text) {
         return null;
       }
-      /** Skip rendering if text is only whitespace to avoid empty Container */
+      /** Handle whitespace-only text to avoid layout shift */
-      if (!isLast && text.length > 0 && /^\s*$/.test(text)) {
+      if (text.length > 0 && /^\s*$/.test(text)) {
-        return null;
+        /** Show placeholder for whitespace-only last part during streaming */
+        if (isLast && showCursor) {
+          return (
+            <Container>
+              <EmptyText />
+            </Container>
+          );
+        }
+        /** Skip rendering non-last whitespace-only parts to avoid empty Container */
+        if (!isLast) {
+          return null;
+        }
       }
       return (
         <Container>