Fix: search suggestions dropdown was clipped by the pill's overflow:hidden

Moved overflow:hidden onto an inner .nav-search-pill so the rounded corners
still clip the input/button, but the absolutely-positioned suggestions box
(a child of the non-clipped .nav-search) is no longer hidden. Dropdown given
a readable min-width.

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

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

@@ -118,8 +118,10 @@
                     <a asp-page="/Calendar/Index" class="@(path.StartsWith("/Calendar") ? "active" : null)">تقویم هفتگی</a>
                 </nav>
                 <form class="nav-search" method="get" action="/Search" role="search">
-                    <input type="search" name="Q" placeholder="جستجو…" aria-label="جستجو" />
-                    <button type="submit" aria-label="جستجو">🔎</button>
+                    <div class="nav-search-pill">
+                        <input type="search" name="Q" placeholder="جستجو…" aria-label="جستجو" autocomplete="off" />
+                        <button type="submit" aria-label="جستجو">🔎</button>
+                    </div>
                 </form>
                 <div class="header-actions">
                     <a class="btn btn-accent btn-sm cta-post" asp-page="/Employer/Index" data-tour="post">＋ ثبت آگهی</a>