update icon

Author: SuaYoo

frontend/src/pages/collections/collection.ts

@@ -56,7 +56,7 @@ export class Collection extends BtrixElement {
     { icon: { name: string; library: string }; text: string }
   > = {
     [PublicTab.Replay]: {
-      icon: { name: "replaywebpage", library: "app" },
+      icon: { name: "collection-play", library: "default" },
       text: msg("Browse Collection"),
     },
     [PublicTab.About]: {

frontend/src/pages/org/archived-item-detail/archived-item-detail.ts

@@ -556,7 +556,7 @@ export class ArchivedItemDetail extends BtrixElement {
           <div
             class="col-span-14 grid min-w-0 border-b md:col-span-3 md:border-b-0"
           >
-            <div class="-mx-3 box-border flex overflow-x-auto px-3 md:block ">
+            <div class="-mx-3 box-border flex overflow-x-auto px-3 md:block">
               ${this.renderNav()}
             </div>
           </div>
@@ -727,8 +727,8 @@ export class ArchivedItemDetail extends BtrixElement {
                 )}
                 ${renderNavItem({
                   section: "replay",
-                  iconLibrary: "app",
-                  icon: "replaywebpage",
+                  iconLibrary: "default",
+                  icon: "collection-play",
                 })}
                 ${renderNavItem({
                   section: "files",

frontend/src/pages/org/archived-item-qa/archived-item-qa.ts

@@ -611,7 +611,7 @@ export class ArchivedItemQA extends BtrixElement {
               ?active=${this.tab === "replay"}
               @click=${this.onTabNavClick}
             >
-              <sl-icon name="replaywebpage" library="app"></sl-icon>
+              <sl-icon name="collection-play"></sl-icon>
               ${msg("Replay")}
             </btrix-navigation-button>
             <div class="ml-auto flex items-center gap-3">

frontend/src/pages/org/collection-detail/collection-detail.ts

@@ -155,7 +155,7 @@ export class CollectionDetail extends BtrixElement {
     { icon: { name: string; library: string }; text: string; beta?: boolean }
   > = {
     [Tab.Replay]: {
-      icon: { name: "replaywebpage", library: "app" },
+      icon: { name: "collection-play", library: "default" },
       text: msg("Browse Collection"),
     },
     [Tab.Items]: {

frontend/src/pages/org/workflow-detail.ts

@@ -1316,7 +1316,7 @@ export class WorkflowDetail extends BtrixElement {
         >
           ${showReplay
             ? html`
-                <sl-icon name="replaywebpage" library="app"></sl-icon>
+                <sl-icon name="collection-play"></sl-icon>
                 ${msg("Replay")}
               `
             : html`