Icon updates

- Changes `trash` for `trash3` which I believe wasn't originally available in the version of bootstrap-icons we were using but now it is and I like the tapered edges better :P
- Makes browser profiles action button small to fit with the rest of the dropdown components used elswhere
- Changes previous file-earmark delete icon to trash icons used everywhere else for delete actions

frontend/src/pages/org/browser-profiles-detail.ts

@@ -269,7 +269,7 @@ export class BrowserProfilesDetail extends LiteElement {
   private renderMenu() {
     return html`
       <sl-dropdown placement="bottom-end" distance="4">
-        <sl-button slot="trigger" caret>${msg("Actions")}</sl-button>
+        <sl-button size="small" slot="trigger" caret>${msg("Actions")}</sl-button>
 
         <ul
           class="text-left text-sm text-neutral-800 bg-white whitespace-nowrap"
@@ -285,7 +285,7 @@ export class BrowserProfilesDetail extends LiteElement {
           >
             <sl-icon
               class="inline-block align-middle px-1"
-              name="pencil-square"
+              name="pencil"
             ></sl-icon>
             <span class="inline-block align-middle pr-2"
               >${msg("Edit name & description")}</span
@@ -314,7 +314,7 @@ export class BrowserProfilesDetail extends LiteElement {
           >
             <sl-icon
               class="inline-block align-middle px-1"
-              name="file-earmark-x"
+              name="trash3"
             ></sl-icon>
             <span class="inline-block align-middle pr-2">${msg("Delete")}</span>
           </li>

frontend/src/pages/org/browser-profiles-list.ts

@@ -178,7 +178,7 @@ export class BrowserProfilesList extends LiteElement {
           >
             <sl-icon
               class="inline-block align-middle px-1"
-              name="file-earmark-x"
+              name="trash3"
             ></sl-icon>
             <span class="inline-block align-middle pr-2">${msg("Delete")}</span>
           </li>

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

@@ -440,7 +440,7 @@ export class CrawlDetail extends LiteElement {
                 style="--sl-color-neutral-700: var(--danger)"
                 @click=${() => this.deleteCrawl()}
               >
-                <sl-icon name="trash" slot="prefix"></sl-icon>
+                <sl-icon name="trash3" slot="prefix"></sl-icon>
                 ${msg("Delete Crawl")}
               </sl-menu-item>
             `

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

@@ -473,7 +473,7 @@ export class WorkflowDetail extends LiteElement {
             @click=${() =>
               shouldDeactivate ? this.deactivate() : this.delete()}
           >
-            <sl-icon name="trash" slot="prefix"></sl-icon>
+            <sl-icon name="trash3" slot="prefix"></sl-icon>
             ${
               shouldDeactivate
                 ? msg("Deactivate Workflow")

frontend/src/pages/org/workflows-list.ts

@@ -443,7 +443,7 @@ export class WorkflowsList extends LiteElement {
                 ? this.deactivate(workflow)
                 : this.delete(workflow)}
           >
-            <sl-icon name="trash" slot="prefix"></sl-icon>
+            <sl-icon name="trash3" slot="prefix"></sl-icon>
             ${shouldDeactivate
               ? msg("Deactivate Workflow")
               : msg("Delete Workflow")}