chore: add icon for deleting resource (#414)

web/src/components/ResourcesDialog.tsx

@@ -183,9 +183,10 @@ const ResourcesDialog: React.FC<Props> = (props: Props) => {
             </div>
           </div>
           <div className="buttons-wrapper">
-            <button className="delete-unused-resource-btn" onClick={handleDeleteUnusedResourcesBtnClick}>
-              {t("resources.clear-unused-resources")}
-            </button>
+            <div className="delete-unused-resource-btn" onClick={handleDeleteUnusedResourcesBtnClick}>
+              <Icon.Trash2 className="icon-img" />
+              <span>{t("resources.clear-unused-resources")}</span>
+            </div>
           </div>
         </div>
         {loadingState.isLoading ? (

web/src/less/resources-dialog.less

@@ -24,7 +24,11 @@
           }
 
           > .delete-unused-resource-btn {
-            @apply text-sm py-1 px-3 mr-2 rounded bg-red-100 border border-solid border-red-600 text-red-600 hover:opacity-80;
+            @apply text-sm cursor-pointer px-3 py-1 rounded flex flex-row justify-center items-center border border-red-600 text-red-600 bg-red-100 hover:opacity-80;
+
+            > .icon-img {
+            @apply w-4 h-auto mr-1;
+            }
           }
         }
       }