feat(loader): SearchLoader mit wackelnder Pfanne und rotierenden Sprüchen

Neue Komponente src/lib/components/SearchLoader.svelte ersetzt die
stumpfen "Suche läuft …"-Zeilen an allen vier Stellen:
- Startseite (scope=local und scope=web)
- Header-Dropdown (size=sm, beide Scopes)

Was passiert:
- Ein Pfannen-Emoji (🍳 → 🥘 → 🍲 → 🍜 → 🥣) wechselt alle 900 ms
- Wobble-Animation kippt es im 1.4-s-Takt hin und her
- Drei Dampf-Punkte steigen zeitversetzt auf und fadeen
- Caption unten rotiert alle 1.8 s durch vier passende Sprüche
  (lokal: "Stöbere im Rezeptbuch …", web: "Schnuppere in fremden
  Küchen …" etc.)

Zwei Size-Varianten: md (Homepage) und sm (Header-Dropdown).

src/routes/+page.svelte

@@ -3,6 +3,7 @@
   import type { SearchHit } from '$lib/server/recipes/search-local';
   import type { WebHit } from '$lib/server/search/searxng';
   import { randomQuote } from '$lib/quotes';
+  import SearchLoader from '$lib/components/SearchLoader.svelte';
 
   let query = $state('');
   let quote = $state('');
@@ -102,7 +103,7 @@
 {#if activeSearch}
   <section class="results">
     {#if searching && hits.length === 0}
-      <p class="muted">Suche läuft …</p>
+      <SearchLoader scope="local" />
     {:else if hits.length > 0}
       <ul class="cards">
         {#each hits as r (r.id)}
@@ -129,7 +130,7 @@
     {:else if searchedFor === query.trim()}
       <p class="muted no-local-msg">Keine lokalen Rezepte für „{searchedFor}" — Ergebnisse aus dem Internet:</p>
       {#if webSearching}
-        <p class="muted">Suche im Internet läuft …</p>
+        <SearchLoader scope="web" />
       {:else if webError}
         <p class="error">Internet-Suche zurzeit nicht möglich: {webError}</p>
       {:else if webHits.length > 0}