fix(icons): replace broken Material-icon-ligature text with app-icon in search suggestions

Search suggestions/popular-searches (search-autocomplete.service.ts,
search.facade.ts) set icon values like 'inventory_2', 'category', 'sell',
'auto_awesome', 'trending_up' - Material Symbols ligature names rendered as
raw {{ item.icon }} text in search-bar.component.html. No Material Icons
font is loaded anywhere in this Lucide/app-icon-based app, so these
rendered as literal garbled text ("inventory_2", etc.) instead of icons.

- SearchSuggestion.icon retyped from string to AppIconName (search.model.ts)
- Suggestion icon values mapped to registered app-icon names: product->package,
  category->folder, brand->tag, ai->zap, popular/trending->trendingUp (new
  registry entry, LucideTrendingUp)
- search-bar.component now renders <app-icon [name]="item.icon" /> instead of
  the raw ligature string, and its icon-only clear ("x") button now renders
  app-icon name="x" instead of a bare literal "x" character glyph

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/app/shared/ui/icon/icon-registry.ts

@@ -73,6 +73,7 @@ import {
   LucideThumbsDown as ThumbsDown,
   LucideThumbsUp as ThumbsUp,
   LucideTrash2 as Trash2,
+  LucideTrendingUp as TrendingUp,
   LucideTriangleAlert as TriangleAlert,
   LucideUpload as Upload,
   LucideUser as User,
@@ -171,7 +172,8 @@ export const APP_ICONS = {
   verified: BadgeCheck,
   video: Video,
   circle: Circle,
-  zap: Zap
+  zap: Zap,
+  trendingUp: TrendingUp
 } as const;
 
 export type AppIconName = keyof typeof APP_ICONS;