removing fa4 fonts from /assets & update fa5 icons

src/app/debugger/debuggerUI/vmDebugger/DropdownPanel.js

@@ -112,7 +112,7 @@ DropdownPanel.prototype.render = function (overridestyle) {
   var title = !self.displayContentOnly ? yo`<div class="${css.title} title">
       <div class="${css.icon} fas fa-caret-right" onclick=${function () { self.toggle() }} ></div>
       <div class="${css.name}" onclick=${function () { self.toggle() }} >${this.name}</div><span class="${css.nameDetail}" onclick=${function () { self.toggle() }} ></span>
-      <div onclick=${function () { self.copyClipboard() }} title='raw' class="${css.eyeButton} btn fas fa-clipboard"></div>
+      <div onclick=${function () { self.copyClipboard() }} title='raw' class="${css.eyeButton} btn far fa-clipboard"></div>
     </div>` : yo`<div></div>`
 
   var contentNode = yo`<div class='dropdownpanel ${css.dropdownpanel}' style='display:none'>

src/app/files/file-explorer.js

@@ -36,7 +36,7 @@ function fileExplorer (localRegistry, files, menuItems) {
       },
       { action: 'copyFiles',
         title: 'Copy all files to another instance of Remix IDE',
-        icon: 'fas fa-copy'
+        icon: 'far fa-copy'
       },
       { action: 'uploadFile',
         title: 'Add Local file to the Browser Storage Explorer',

src/app/tabs/compile-tab.js

@@ -188,11 +188,11 @@ class CompileTab extends CompilerApi {
             </div>
             <div class="btn-group" role="group" aria-label="Copy to Clipboard">
               <button class="btn btn-secondary" title="Copy ABI to clipboard" onclick="${() => { this.copyABI() }}">
-                <i class="${css.copyIcon} fas fa-clipboard" aria-hidden="true"></i>
+                <i class="${css.copyIcon} far fa-clipboard" aria-hidden="true"></i>
                 <span>ABI</span>
               </button>
               <button class="btn btn-secondary" title="Copy Bytecode to clipboard" onclick="${() => { this.copyBytecode() }}">
-                <i class="${css.copyIcon} fas fa-clipboard" aria-hidden="true"></i>
+                <i class="${css.copyIcon} far fa-clipboard" aria-hidden="true"></i>
                 <span>Bytecode</span>
               </button>
             </div>

src/app/tabs/run-tab.js

@@ -60,7 +60,7 @@ class RunTab extends BaseApi {
       <div class=${css.instanceContainerTitle}
         title="Autogenerated generic user interfaces for interaction with deployed contracts">
         Deployed Contracts
-        <i class="${css.clearinstance} ${css.icon} fas fa-trash" onclick=${() => this.event.trigger('clearInstance', [])}
+        <i class="${css.clearinstance} ${css.icon} far fa-trash-alt" onclick=${() => this.event.trigger('clearInstance', [])}
           title="Clear instances list and reset recorder" aria-hidden="true">
         </i>
       </div>`

src/app/ui/copy-to-clipboard.js

@@ -13,7 +13,7 @@ var css = csjs`
 `
 
 module.exports = function copyToClipboard (getContent, tip = 'Copy value to clipboard', icon = 'fa-clipboard') {
-  var copyIcon = yo`<i title="${tip}" class="${css.copyIcon} fas ${icon}" aria-hidden="true"></i>`
+  var copyIcon = yo`<i title="${tip}" class="${css.copyIcon} far ${icon}" aria-hidden="true"></i>`
   copyIcon.onclick = (event) => {
     event.stopPropagation()
     var copiableContent