chore: refactor and added icon to rename layers plugin

apps/rename-layers-plugin/src/app/app.component.html

@@ -43,7 +43,7 @@
       (click)="updateText()"
     >
       <span *ngIf="!btnFeedback" class="text-btn">Add</span>
-      <span *ngIf="btnFeedback" class="icon icon-btn icon-tick">
+      <span *ngIf="btnFeedback" class="icon icon-btn">
         <svg viewBox="0 0 16 16" fill="none">
           <path d="M13.333 4 6 11.333 2.667 8" class="stroke" />
         </svg>
@@ -53,7 +53,7 @@
     <ul class="preview-list">
       <li class="preview-item" *ngFor="let preview of previewList()">
         <span class="original" [title]="preview.name">{{ preview.name }}</span>
-        <span class="icon icon-arrow-right-full"></span>
+        <span class="icon icon-arrow-right"></span>
         <span class="result" [title]="resultAddText(preview)">{{
           resultAddText(preview)
         }}</span>
@@ -112,7 +112,7 @@
           [innerHTML]="highlightMatch(preview.name)"
           [title]="preview.name"
         ></span>
-        <span class="icon icon-arrow-right-full"></span>
+        <span class="icon icon-arrow-right"></span>
         <span class="result" [title]="resultReplaceText(preview.name)">{{
           resultReplaceText(preview.name)
         }}</span>

apps/rename-layers-plugin/src/assets/actions-tick.svg

@@ -1 +0,0 @@
-<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" fill="none"><g data-testid="Icons / Actions / Tick M"><g class="fills"><rect rx="0" ry="0" width="16" height="16" class="frame-background"/></g><g data-testid="svg-path" class="frame-children"><path d="M13.333 4 6 11.333 2.667 8" class="fills"/><g class="strokes"><path d="M13.333 4 6 11.333 2.667 8" style="fill: none; stroke-width: 1; stroke: rgb(143, 157, 163); stroke-opacity: 1; stroke-linecap: round;" class="stroke-shape"/></g></g></g></svg>

apps/rename-layers-plugin/src/assets/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Rename layers plugin",
-  "host": "http://localhost:4307",
   "description": "Change the name of one or several layers",
   "code": "/assets/plugin.js",
+  "icon": "/assets/icon.png",
   "permissions": ["page:read", "file:read", "selection:read"]
 }