fix(ui): style review tab comment button to match file tab - blue background, white comment icon

packages/ui/src/components/session-review.css

@@ -232,15 +232,12 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background: var(--surface-warning-base);
-    border: 1px solid var(--border-warning-base);
-    color: var(--icon-warning-active);
+    background: var(--icon-interactive-base);
     box-shadow: var(--shadow-xs);
     cursor: pointer;
 
-    &:hover {
-      background: var(--surface-warning-weak);
-      border-color: var(--border-warning-hover);
+    [data-slot="icon-svg"] {
+      color: var(--white);
     }
 
     &:focus {

packages/ui/src/components/session-review.tsx

@@ -581,7 +581,7 @@ export const SessionReview = (props: SessionReviewProps) => {
                                 openComment(comment)
                               }}
                             >
-                              <Icon name="speech-bubble" size="small" />
+                              <Icon name="comment" size="small" />
                             </button>
                             <Show when={isCommentOpen(comment)}>
                               <div data-slot="session-review-comment-popover-content">
@@ -606,7 +606,7 @@ export const SessionReview = (props: SessionReviewProps) => {
                                 data-slot="session-review-comment-button"
                                 onClick={() => textarea?.focus()}
                               >
-                                <Icon name="speech-bubble" size="small" />
+                                <Icon name="comment" size="small" />
                               </button>
                               <div data-slot="session-review-comment-popover-content">
                                 <div data-slot="session-review-comment-popover">