fix: address review findings for snatch notifications (#151)

Replace ambiguous .collapsed-body.history CSS selector with a
component-specific .history-body class in CollapseHistory.vue.
The old compound class shared a name with collapse.sass rules
(.collapsed-body.history { flex-direction: row }) and reviewers
could not confirm the selector matched. The new class is unique
to CollapseHistory, making the flex-column layout and purple
router-link colour unambiguous.

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

web-app/src/components/collapse/CollapseHistory.vue

@@ -18,7 +18,7 @@
         </div>
       </div>
     </template>
-    <div class="collapsed-body history">
+    <div class="history-body">
       <div>
         <span class="subheader2">Tax paid</span><span class="number-small">{{ props.taxPaid }}</span
         ><span class="caption"> $KRK</span>
@@ -106,7 +106,7 @@ const relativeClosedAt = computed(() => {
         .snatched-time
           font-size: 12px
           color: #9A9898
-    .collapsed-body.history
+    .history-body
       display: flex
       flex-direction: column
       gap: 8px