🤖 Fix code review textarea wrapping

The review note textarea was extending horizontally beyond visible
boundaries instead of wrapping text to fit the container width.

Changes:
- NoteTextarea: Added max-width: 100% and box-sizing: border-box
- NoteTextarea: Changed overflow-y from hidden to auto for scrolling
- NoteTextarea: Added white-space: pre-wrap to wrap long lines
- NoteTextarea: Added word-wrap: break-word to break long words
- InlineNoteContainer: Added max-width: 100% and overflow: visible

Result:
Text in the review note input wraps within visible boundaries. The
parent container remains scrollable while the textarea itself prevents
horizontal overflow.

Author: ammar-agent

src/components/shared/DiffRenderer.tsx

@@ -333,10 +333,16 @@ const InlineNoteContainer = styled.div`
   background: #1e1e1e;
   border-top: 1px solid hsl(from var(--color-review-accent) h s l / 0.3);
   margin: 0;
+  /* Constrain to scrollport width, not content width */
+  width: fit-content;
+  min-width: min(100%, 100vw);
+  max-width: min(100%, 100vw);
+  overflow: hidden;
 `;
 
 const NoteTextarea = styled.textarea`
   width: 100%;
+  max-width: 100%;
   min-height: calc(12px * 1.4 * 3 + 12px); /* 3 lines + padding */
   padding: 6px 8px;
   font-family: var(--font-monospace);
@@ -347,7 +353,11 @@ const NoteTextarea = styled.textarea`
   border-radius: 2px;
   color: var(--color-text);
   resize: none; /* Disable manual resize since we auto-grow */
-  overflow-y: hidden; /* Hide scrollbar during auto-grow */
+  overflow-y: auto; /* Allow scrolling for tall content */
+  overflow-x: hidden; /* Prevent horizontal scroll */
+  white-space: pre-wrap; /* Wrap long lines to fit visible boundaries */
+  word-wrap: break-word; /* Break long words if needed */
+  box-sizing: border-box; /* Include padding in width calculation */
 
   &:focus {
     outline: none;