Recommendation card: lead with the role, not the facility name

Same inversion as the shift card — the «پیشنهادهای ویژه شما» box headlined
Facility.Name («مرکز درمانی (نامشخص)»). Role is now the headline; facility
moves to the second line with 🏥 alongside the city.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/JobsMedical.Web/Pages/Shared/_RecommendationCard.cshtml

@@ -11,18 +11,15 @@
 }
 <a class="card card-pad shift-card" asp-page="/Shifts/Details" asp-route-id="@s.Id">
     <div class="row" style="justify-content: space-between;">
-        <span class="facility">@s.Facility?.Name</span>
+        <span class="facility">@(s.Role?.Name ?? "شیفت")</span>
         <span class="badge @badgeClass">@typeLabel</span>
     </div>
     <div class="row">
-        @if (s.Role is not null)
-        {
-            <span class="badge badge-type">@s.Role.Name</span>
-        }
         @if (s.GenderRequirement != Gender.Any)
         {
             <span class="badge badge-gender">@JalaliDate.GenderLabel(s.GenderRequirement)</span>
         }
+        <span>🏥 @s.Facility?.Name</span>
         <span>📍 @s.Facility?.City?.Name</span>
     </div>
     <div class="row">📅 @JalaliDate.WeekDayName(s.Date)، @JalaliDate.ToLongDate(s.Date) — 🕐 @JalaliDate.Time(s.StartTime)</div>