fix(storefront): polish compare

Add accessible label to the compare-chip remove button: it rendered
only a bare × glyph with no aria-label, announced as meaningless
symbol text by screen readers. Added ux.removeFromCompare across all
three locales.

Global :focus-visible already covers .btn/.btn-primary/.btn-ghost, so
no separate focus styling was needed here.

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

src/app/features/website/user-experience/compare/containers/compare-page.component.html

@@ -27,7 +27,7 @@
       @for (product of products(); track product.itemID) {
         <article class="compare-product-chip">
           <a [routerLink]="['/product', product.itemID] | langRoute">{{ product.name }}</a>
-          <button type="button" (click)="remove(product.itemID)">×</button>
+          <button type="button" [attr.aria-label]="'ux.removeFromCompare' | translate" (click)="remove(product.itemID)">×</button>
         </article>
       }
     </section>