매매 시그널알림 화면 수정

frontend/src/components/tradeNotification/TradeNotificationListRow.tsx

@@ -197,6 +197,16 @@ const TradeNotificationListRow: React.FC<Props> = ({
     [chartCardCount],
   );
 
+  const handleRowClick = useCallback((e: React.MouseEvent) => {
+    const t = e.target as HTMLElement;
+    if (t.closest(
+      'button, a, input, select, textarea, .tnl-chart-view-btn, .tnl-hscroll-pane__rail-btn',
+    )) {
+      return;
+    }
+    onSelect();
+  }, [onSelect]);
+
   const summaryCard = (
     <article
       className={[
@@ -207,11 +217,7 @@ const TradeNotificationListRow: React.FC<Props> = ({
       ].filter(Boolean).join(' ')}
       aria-label="알림 요약"
     >
-          <button
-            type="button"
-            className="tnl-summary-panel"
-            onClick={onSelect}
-          >
+          <div className="tnl-summary-panel" role="presentation">
             <div className="tnl-summary-head">
               <div className="tnl-summary-title">
                 <span className="tnl-summary-ko">{primary}</span>
@@ -264,7 +270,7 @@ const TradeNotificationListRow: React.FC<Props> = ({
                 {strategyLabel}
               </span>
             </div>
-          </button>
+          </div>
 
           <div className="tnl-summary-card-actions">
             <button
@@ -297,6 +303,7 @@ const TradeNotificationListRow: React.FC<Props> = ({
           isSelected ? 'tnl-row--selected' : '',
           receiving ? 'tnl-row--receiving' : '',
         ].filter(Boolean).join(' ')}
+        onClick={handleRowClick}
       >
         {summaryCard}
       </li>
@@ -313,6 +320,7 @@ const TradeNotificationListRow: React.FC<Props> = ({
         isSelected ? 'tnl-row--selected' : '',
         receiving ? 'tnl-row--receiving' : '',
       ].filter(Boolean).join(' ')}
+      onClick={handleRowClick}
     >
       <div
         className={['tnl-row-gallery', chartExpanded ? 'tnl-row-gallery--chart-expanded' : ''].filter(Boolean).join(' ')}