fix: merge conflicts with main

Author: MCarlomagno

README.md

@@ -1,6 +1,10 @@
+<p align="center">
+  <img src="./src/docs/banner.png" width="100%" alt="OpenZeppelin Logo">
+</p>
+
 # Deploy with Defender - Remix Plugin
 
-Remix plugin to deploy smart contracts using OpenZeppelin Defender.
+Remix plugin to deploy smart contracts using OpenZeppelin Defender. For documentation about usage please visit the [Defender Docs](https://docs.openzeppelin.com/defender/remix-plugin).
 
 ## Getting Started
 
@@ -16,8 +20,8 @@ The interface is ugly, but don't worry! it's not meant to be used directly, it's
 
 ## Testing in Remix
 
-1. Go to https://remix.ethereum.org/
-2. Click on plugin manager.
+1. Go to (https://remix.ethereum.org/)[Remix IDE].
+2. Click on Plugin Manager (bottom left corner - above settings).
 3. At the top, click on `Connect to a Local Plugin` button.
 4. Set following values
 ```bash
@@ -27,4 +31,4 @@ Url: http://localhost:5173 # or live version https://defeder-remix-deploy.netlif
 Type of connection: Iframe
 Location in Remix: Side Panel
 ```
-5. You should see the plugin added to the sidebar.
+5. You should see the plugin added to the sidebar (new icon with ? symbol).

src/docs/banner.png

@@ -1,10 +1,11 @@
 <script lang="ts">
   import { globalState } from "$lib/remix/state/state.svelte";
   import Dropdown from "./shared/Dropdown.svelte";
-  import { abbreviateAddress } from "$lib/utils";
+  import { abbreviateAddress } from "$lib/utils/helpers";
   import { approvalProcessTypes, type ApprovalProcess, type ApprovalProcessType } from "$lib/models/approval-process";
   import type {  DropdownItem, GlobalState } from "$lib/models/ui";
   import type { Relayer } from "$lib/models/relayer";
+  import { getNetworkLiteral } from "$lib/models/network";
 
   function approvalProcessByNetworkAndComponent(ap: ApprovalProcess) {
     const networkName = typeof globalState.form.network === 'string' 
@@ -58,6 +59,7 @@
         viaType: "Relayer",
         via: relayer.value.address,
         relayerId: relayer.value.relayerId,
+        network: globalState.form.network && getNetworkLiteral(globalState.form.network),
       };
     }
   };
@@ -69,6 +71,7 @@
     globalState.form.approvalProcessToCreate = {
       viaType: approvalProcessType as "EOA" | "Safe" | "Relayer",
       via: element.value,
+      network: globalState.form.network && getNetworkLiteral(globalState.form.network),
     };
   };