feat(web): standardize loading on shared skeleton recipes; retire '…' + empty status divs (#53)

web/src/search/search-panel.tsx

@@ -7,7 +7,7 @@ import { useDebouncedValue } from "../lib/use-debounced-value";
 import { SearchResultRow } from "./search-result-row";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import { Skeleton } from "@/components/ui/skeleton";
+import { ListSkeleton } from "@/components/ui/skeletons";
 
 const VIS = ["all", "draft", "internal", "public"] as const;
 
@@ -84,11 +84,7 @@ export function SearchPanel() {
         {!hasQuery && <p className="p-4 text-sm text-muted-foreground">{t("search.prompt")}</p>}
 
         {hasQuery && search.isLoading && (
-          <div className="space-y-2 p-3">
-            {Array.from({ length: 5 }).map((_, i) => (
-              <Skeleton key={i} className="h-12 w-full" />
-            ))}
-          </div>
+          <ListSkeleton rows={5} rowClassName="h-12 w-full" />
         )}
 
         {hasQuery && search.isError && (