Use bk-tooltip for core aspect info instead of title attribute

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

Author: akariv

projects/budgetkey/src/app/item/items/item-soproc/item-social-service-gov-unit/item-social-service-gov-unit.component.html

@@ -191,14 +191,17 @@ <h4>{{p.principleTitle}}</h4>
                                 <div class='bar-low'  [style.width.%]='a.lowPct'  *ngIf='a.lowPct > 0'  [title]='"מספר מכרזים: " + a.lowCount'><div class='bar-text'>{{a.lowPct}}<small *ngIf='a.lowPct>=10'>%</small></div></div>
                             </div>
                             <div class='aspect-label-col'>
-                                <div class='core-header' *ngIf='a.isCore' title='היבט נקודתי המייצג את העיקרון'>
+                                <div class='core-header' *ngIf='a.isCore'>
                                     <svg class='core-icon' width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                         <path d="M9.33333 17.6667C13.9357 17.6667 17.6667 13.9357 17.6667 9.33333C17.6667 4.73096 13.9357 1 9.33333 1C4.73096 1 1 4.73096 1 9.33333C1 13.9357 4.73096 17.6667 9.33333 17.6667Z" stroke="#CB30E0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                         <path d="M9.33333 14.3333C12.0948 14.3333 14.3333 12.0948 14.3333 9.33333C14.3333 6.57191 12.0948 4.33333 9.33333 4.33333C6.57191 4.33333 4.33333 6.57191 4.33333 9.33333C4.33333 12.0948 6.57191 14.3333 9.33333 14.3333Z" stroke="#CB30E0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                         <path d="M9.33333 11C10.2538 11 11 10.2538 11 9.33333C11 8.41286 10.2538 7.66667 9.33333 7.66667C8.41286 7.66667 7.66667 8.41286 7.66667 9.33333C7.66667 10.2538 8.41286 11 9.33333 11Z" stroke="#CB30E0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                     </svg>
                                     <span class='core-label'>היבט ליבה</span>
-                                    <img src='assets/item/img/icon-Info.svg' class='info-icon' alt=''/>
+                                    <span class='bk-tooltip-anchor'>
+                                        <img src='assets/item/img/icon-Info.svg' class='info-icon' alt=''/>
+                                        <span class='bk-tooltip'>היבט נקודתי המייצג את העיקרון</span>
+                                    </span>
                                 </div>
                                 <div class='aspect-label'>{{a.name}}</div>
                             </div>