fix(tradein): MapCard клик по пину + честная ДКП-легенда (#786) (#787)

Co-authored-by: bot-frontend <bot-frontend@gendsgn.local>
Co-committed-by: bot-frontend <bot-frontend@gendsgn.local>

tradein-mvp/frontend/src/components/trade-in/MapCard.tsx

@@ -174,6 +174,10 @@ export function MapCard({ estimate }: Props) {
             weight: 1,
             fillColor: COLOR_TARGET,
             fillOpacity: 0.05,
+            // Декоративный радиус-круг рисуется ПОСЛЕ маркеров и по умолчанию
+            // перехватывал бы клики по пинам под ним (#786) → bindPopup не
+            // срабатывал. interactive:false пропускает клики к маркерам.
+            interactive: false,
           }).addTo(map);
           L.circleMarker(ll, {
             radius: 9,
@@ -218,9 +222,11 @@ export function MapCard({ estimate }: Props) {
           <div>
             <span style={{ color: COLOR_ANALOG }}>●</span> объявления · {analogs.length}
           </div>
-          <div style={{ marginTop: 4 }}>
+          {deals.length > 0 && (
-            <span style={{ color: COLOR_DEAL }}>●</span> сделки ДКП · {deals.length}
+            <div style={{ marginTop: 4 }}>
-          </div>
+              <span style={{ color: COLOR_DEAL }}>●</span> сделки ДКП · {deals.length}
+            </div>
+          )}
         </div>
       </div>
 
@@ -241,8 +247,14 @@ export function MapCard({ estimate }: Props) {
       <div className="table-foot">
         <span>
           <span style={{ color: COLOR_TARGET }}>●</span> ваша квартира ·{" "}
-          <span style={{ color: COLOR_ANALOG }}>●</span> asking ·{" "}
+          <span style={{ color: COLOR_ANALOG }}>●</span> asking
-          <span style={{ color: COLOR_DEAL }}>●</span> ДКП · клик по пину — детали
+          {deals.length > 0 && (
+            <>
+              {" · "}
+              <span style={{ color: COLOR_DEAL }}>●</span> ДКП
+            </>
+          )}
+          {" · клик по пину — детали"}
         </span>
       </div>
     </article>