Fix cramped job cards on facility detail page

The facility detail page used .layout-2 (sidebar-first, 270px + 1fr), but its MAIN content (the
shift/job cards) is the first child — so it was forced into the 270px column while the facility-info
sidebar took the wide 1fr, squeezing job cards into a one-word-per-line strip. Switch to
.detail-grid (content 1fr first, sidebar 340px second), matching the shift/job detail pages, so the
cards get the wide column. Became visible once facilities started carrying many openings.

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

src/JobsMedical.Web/Pages/Facilities/Details.cshtml

@@ -31,7 +31,9 @@
 <div class="container section">
     @if (Model.Reported) { <div class="alert alert-success">✓ گزارش شما ثبت شد. متشکریم.</div> }
 
-    <div class="layout-2">
+    @* detail-grid = content(1fr) + sidebar(340px); the content div is first, so it gets the wide
+       column. (layout-2 is sidebar-first/270px and was squeezing the job cards into a narrow strip.) *@
+    <div class="detail-grid">
         <div>
             @if (Model.Shifts.Count == 0 && Model.Jobs.Count == 0)
             {