Home hero: replace filter dropdowns with a search-engine box (+ live typeahead)

The hero is now a single big search box → /Search (the rich, ranked,
highlighted search across shifts/jobs/applicants), with popular-search
chips. Typeahead is generalized to any form[data-suggest], so the hero box
shows the same instant highlighted dropdown as the header pill.

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

src/JobsMedical.Web/Pages/Index.cshtml

@@ -14,40 +14,19 @@
             مرکز درمانی، محل و تقویم هفتگی — یک‌جا.
         </p>
 
-        <form class="search-card" method="get" asp-page="/Shifts/Index">
-            <div class="field">
-                <label>شهر</label>
-                <select name="cityId">
-                    <option value="">همه شهرها</option>
-                    @foreach (var c in Model.Cities)
-                    {
-                        <option value="@c.Id">@c.Name</option>
-                    }
-                </select>
+        <form class="hero-search" method="get" action="/Search" role="search" data-suggest>
+            <div class="hero-search-pill">
+                <span class="hs-ico">🔎</span>
+                <input type="search" name="Q" autocomplete="off"
+                       placeholder="جستجو کن: پرستار شب تهران، mmt، دندان‌پزشک پروانه‌دار، آماده به کار…" />
+                <button type="submit" class="btn btn-accent btn-lg">جستجو</button>
             </div>
-            <div class="field">
-                <label>نقش</label>
-                <select name="roleId">
-                    <option value="">همه نقش‌ها</option>
-                    @foreach (var r in Model.Roles)
-                    {
-                        <option value="@r.Id">@r.Name</option>
-                    }
-                </select>
-            </div>
-            <div class="field">
-                <label>نوع شیفت</label>
-                <select name="shiftType">
-                    <option value="">همه</option>
-                    <option value="0">صبح</option>
-                    <option value="1">عصر</option>
-                    <option value="2">شب</option>
-                    <option value="3">آنکال</option>
-                </select>
-            </div>
-            <div class="field">
-                <label>&nbsp;</label>
-                <button type="submit" class="btn btn-accent btn-block btn-lg">جستجوی فرصت‌ها</button>
+            <div class="hero-chips">
+                <span class="hc-label">جستجوهای پرطرفدار:</span>
+                <a href="/Search?Q=%D9%BE%D8%B1%D8%B3%D8%AA%D8%A7%D8%B1">پرستار</a>
+                <a href="/Search?Q=%D9%BE%D8%B2%D8%B4%DA%A9">پزشک</a>
+                <a href="/Search?Q=%D8%B4%DB%8C%D9%81%D8%AA%20%D8%B4%D8%A8">شیفت شب</a>
+                <a href="/Search?Q=%D8%A2%D9%85%D8%A7%D8%AF%D9%87%20%D8%A8%D9%87%20%DA%A9%D8%A7%D8%B1">آماده به کار</a>
             </div>
         </form>