fix(icons): replace remaining hand-rolled inline SVGs with Lucide

telegram-login: close X and lock icons (auth-gate icon reused across
telegram-login and cart - same 'log in required' concept, now the
same lock icon in both instead of two different hand-drawn shapes);
retry/refresh icon (QR expired/error states, was duplicated). Added
missing aria-label on the close button (had none).

catalog-empty-state, category, subcategories, item-detail: empty-state
illustrations (package/search/grid), add-to-cart icons, success/error
status icons, and thumbs up/down vote icons replaced. Rating stars
(item-detail, both product rating and per-review rating) now use one
Star icon with a color input and a .dx-star--filled CSS class for the
solid/outline toggle, instead of hand-toggling raw fill/stroke SVG
attributes - fixes the same rating-star pattern being drawn two
different ways (outline-only in the carousel earlier, fill-toggling
here).

Added color input to app-icon (was stroke-only via currentColor
before) and four more icons to the registry: refresh, thumbsUp/Down,
locate/mapPin (added earlier this session).

Also fixed the currency-dropdown chevron in language-selector that a
prior replace_all missed (same markup, different [class.rotated]
binding target).

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

src/app/components/language-selector/language-selector.component.html

@@ -26,9 +26,7 @@
   <button class="currency-button" (click)="toggleCurrency()">
     <span class="currency-symbol">{{ languageService.getCurrentCurrency()?.symbol }}</span>
     <span class="currency-code">{{ languageService.currentCurrency() }}</span>
-    <svg class="dropdown-arrow" [class.rotated]="currencyOpen" width="12" height="12" viewBox="0 0 12 12" fill="none">
-      <path d="M2.5 4.5L6 8L9.5 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-    </svg>
+    <app-icon name="chevronDown" [size]="14" [class.rotated]="currencyOpen" class="dropdown-arrow" />
   </button>
 
   <div class="currency-dropdown" [class.open]="currencyOpen">

src/app/components/telegram-login/telegram-login.component.html

@@ -1,16 +1,12 @@
 @if (showDialog()) {
   <div class="login-overlay" (click)="close()">
     <div class="login-dialog" (click)="$event.stopPropagation()">
-      <button class="close-btn" (click)="close()">
-        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <path d="M18 6L6 18M6 6l12 12"/>
-        </svg>
+      <button class="close-btn" (click)="close()" [attr.aria-label]="'cart.close' | translate">
+        <app-icon name="x" [size]="18" />
       </button>
 
       <div class="login-icon">
-        <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-          <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/>
-        </svg>
+        <app-icon name="lock" [size]="40" />
       </div>
 
       <h2>{{ 'auth.loginRequired' | translate }}</h2>
@@ -55,19 +51,13 @@
             }
             @case ('expired') {
               <div class="qr-container qr-expired" (click)="refreshQr()">
-                <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                  <path d="M1 4v6h6M23 20v-6h-6"/>
-                  <path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15"/>
-                </svg>
+                <app-icon name="refresh" [size]="28" />
                 <span>{{ 'auth.qrExpired' | translate }}</span>
               </div>
             }
             @case ('error') {
               <div class="qr-container qr-error" (click)="refreshQr()">
-                <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                  <path d="M1 4v6h6M23 20v-6h-6"/>
-                  <path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15"/>
-                </svg>
+                <app-icon name="refresh" [size]="28" />
                 <span>{{ 'auth.qrError' | translate }}</span>
               </div>
             }

src/app/components/telegram-login/telegram-login.component.ts

@@ -7,6 +7,7 @@ import { TranslatePipe } from '../../i18n/translate.pipe';
 import { QrLoginEngine } from '../../shared/qr-login/qr-login.engine';
 import { QrLoginAdapter, QrLoginStatus } from '../../shared/qr-login/qr-login.model';
 import { AuthSession } from '../../models/auth.model';
+import { IconComponent } from '../../shared/ui/icon/icon.component';
 
 /**
  * The one QR-login dialog, reused as-is for both customer and admin login.
@@ -18,7 +19,7 @@ import { AuthSession } from '../../models/auth.model';
  */
 @Component({
   selector: 'app-telegram-login',
-  imports: [TranslatePipe],
+  imports: [TranslatePipe, IconComponent],
   templateUrl: './telegram-login.component.html',
   styleUrls: ['./telegram-login.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush