feat(ui): visually de-emphasise off-topic Trump posts in the feed

Follow-up to fe88acb. Noise posts (not crypto-relevant, never AI-scored) now
read as 'skip me' at a glance in the list — no need to open them:

- sentiment chip → muted 'off-topic · not crypto' tag (was a colored chip)
- post text → dimmer (ink-4) + shorter preview (90 vs 180 chars)
- aside → single muted 'SKIPPED' tag instead of HOLD pill + empty AI metric

Scored posts (real crypto signals) are visually unchanged — full signal pill,
target chip, impact, and AI confidence.

tsc + build clean.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

components/dashboard/PostCards.tsx

@@ -129,15 +129,38 @@ const PostRow = memo(function PostRow({ post, selected, onClick }: PostRowProps)
             <span>·</span>
             <TimeAgo iso={post.published_at} suffix=" ago" />
             <span>·</span>
+            {aiScored ? (
               <span className={`chip ${post.sentiment === 'bullish' ? 'up' : post.sentiment === 'bearish' ? 'down' : 'neutral'}`} style={{ padding: '2px 8px', fontSize: 11 }}>
                 {post.sentiment}
               </span>
+            ) : (
+              <span style={{
+                padding: '2px 8px', fontSize: 11, fontWeight: 600,
+                borderRadius: 4, color: 'var(--ink-4)',
+                background: 'var(--bg-sunk)', border: '1px solid var(--line)',
+                letterSpacing: '0.02em',
+              }}>
+                off-topic · not crypto
+              </span>
+            )}
           </div>
-          <p className="text" style={expanded ? { display: 'block', overflow: 'visible', WebkitLineClamp: 'unset' } : {}}>
+          <p
-            {expanded ? post.text : (post.text.slice(0, 180) + (post.text.length > 180 ? '…' : ''))}
+            className="text"
+            style={{
+              ...(expanded ? { display: 'block', overflow: 'visible', WebkitLineClamp: 'unset' } : {}),
+              // Noise posts are de-emphasised: dimmer text + shorter preview so
+              // the reader can skip them at a glance without opening.
+              ...(aiScored ? {} : { color: 'var(--ink-4)' }),
+            }}
+          >
+            {expanded
+              ? post.text
+              : (post.text.slice(0, aiScored ? 180 : 90) + (post.text.length > (aiScored ? 180 : 90) ? '…' : ''))}
           </p>
         </div>
         <div className="post-aside">
+          {aiScored ? (
+            <>
               <SignalPill signal={post.signal} />
               {/* Target asset chip for actionable signals */}
               {post.target_asset && (post.signal === 'buy' || post.signal === 'short') && (
@@ -167,9 +190,21 @@ const PostRow = memo(function PostRow({ post, selected, onClick }: PostRowProps)
               <div className="row gap-s" style={{ fontSize: 11, color: 'var(--ink-3)' }}>
                 <span>AI</span>
                 <span className="mono" style={{ color: 'var(--ink-2)', fontWeight: 500 }}>
-              {aiScored ? `${post.ai_confidence}%` : '—'}
+                  {post.ai_confidence}%
                 </span>
               </div>
+            </>
+          ) : (
+            // Noise post: no signal, no AI score. Show a single muted SKIPPED
+            // tag instead of HOLD pill + empty AI metric, so the row reads as
+            // "ignore this" at a glance.
+            <span style={{
+              fontSize: 10, fontWeight: 700, letterSpacing: '0.06em',
+              color: 'var(--ink-4)', textTransform: 'uppercase',
+            }}>
+              skipped
+            </span>
+          )}
         </div>
       </div>