update badge and tooltip

apps/remix-ide/src/app/tabs/locales/en/udapp.json

@@ -67,7 +67,7 @@
   "udapp.tooltipText3": "Click to open a bridge for converting L1 mainnet ETH to the selected network currency.",
 
   "udapp._comment_instanceContainerUI.tsx": "libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx",
-  "udapp.deployedContracts": "Deployed Contracts ",
+  "udapp.deployedContracts": "Deployed Contracts",
   "udapp.deployAndRunClearInstances": "Delete all deployed contracts (including pinned) and reset recorder",
   "udapp.deployAndRunNoInstanceText": "Currently you have no unpinned contracts to interact with.",
   "udapp.tooltipText6": "Autogenerated generic user interfaces for interaction with deployed contracts",
@@ -76,7 +76,7 @@
   "udapp.tooltipTextPinnedContracts": "List of pinned contracts for selected workspace & network",
   "udapp.NoPinnedInstanceText": "No pinned contracts found for selected workspace & network",
   "udapp.tooltipTextDelete": "Delete immediately",
-  "udapp.tooltipTextUnpin": "Unpin contract",
+  "udapp.tooltipTextUnpin": "Unpin contract to delete after reload",
   "udapp.pinnedAt": "Pinned at",
   "udapp.filePath": "File path",
 
@@ -110,7 +110,7 @@
   "udapp._comment_universalDappUI.tsx": "libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx",
   "udapp.tooltipTextRemove": "Remove permanently from the list",
   "udapp.tooltipTextEdit": "Create a DApp using this contract in the main panel",
-  "udapp.tooltipTextPin": "Pin contract",
+  "udapp.tooltipTextPin": "Pin contract for select workspace and network to persist after reload",
   "udapp.tooltipText8": "Click for docs about using 'receive'/'fallback'",
   "udapp.tooltipText9": "The Calldata to send to fallback function of the contract.",
   "udapp.tooltipText10": "Send data to contract.",

apps/remix-ide/src/app/tabs/locales/es/udapp.json

@@ -59,7 +59,7 @@
   "udapp.tooltipText2": "Abra chainlist.org y obtenga las especificaciones de conexión de la cadena con la que desea interactuar.",
   "udapp.tooltipText3": "Haz clic para abrir un puente para convertir ETH de L1 mainnet a la moneda de red seleccionada.",
   "udapp._comment_instanceContainerUI.tsx": "libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx",
-  "udapp.deployedContracts": "Contratos Publicados ",
+  "udapp.deployedContracts": "Contratos Publicados",
   "udapp.deployAndRunClearInstances": "Limpiar lista de instancias y restablecer grabadora",
   "udapp.deployAndRunNoInstanceText": "Actualmente no tiene instancias de contrato con las que interactuar.",
   "udapp.tooltipText6": "Interfaces de usuario genéricas generadas automáticamente para la interacción con los contratos publicados",

apps/remix-ide/src/app/tabs/locales/fr/udapp.json

@@ -59,7 +59,7 @@
   "udapp.tooltipText2": "Ouvrez chainlist.org et obtenez les spécifications de connexion de la chaîne avec laquelle vous voulez interagir.",
   "udapp.tooltipText3": "Cliquez pour ouvrir un pont de connexion pour convertir l'ETH principal L1 dans la devise réseau sélectionnée.",
   "udapp._comment_instanceContainerUI.tsx": "libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx",
-  "udapp.deployedContracts": "Contrats déployés ",
+  "udapp.deployedContracts": "Contrats déployés",
   "udapp.deployAndRunClearInstances": "Effacer la liste des instances et réinitialiser l'enregistreur",
   "udapp.deployAndRunNoInstanceText": "Actuellement, vous n'avez aucune instance de contrat avec laquelle interagir.",
   "udapp.tooltipText6": "Interfaces utilisateur génériques générées automatiquement pour l'interaction avec les contrats déployés",

apps/remix-ide/src/app/tabs/locales/it/udapp.json

@@ -59,7 +59,7 @@
   "udapp.tooltipText2": "Aprire chainlist.org e ottenere le specifiche di connessione della chain con cui si desidera interagire.",
   "udapp.tooltipText3": "Fare clic per aprire un bridge per convertire ETH mainnet L1 nella valuta di rete selezionata.",
   "udapp._comment_instanceContainerUI.tsx": "libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx",
-  "udapp.deployedContracts": "Contratti Distribuiti ",
+  "udapp.deployedContracts": "Contratti Distribuiti",
   "udapp.deployAndRunClearInstances": "Cancellare l'elenco delle istanze e ripristinare il registratore",
   "udapp.deployAndRunNoInstanceText": "Attualmente non si dispone di istanze contrattuali con cui interagire.",
   "udapp.tooltipText6": "Interfacce utente generiche generate automaticamente per interagire con gli smart contratti deploiati",

apps/remix-ide/src/app/tabs/locales/ko/udapp.json

@@ -59,7 +59,7 @@
   "udapp.tooltipText2": "chainlist.org을 열고 상호 작용하려는 체인의 연결 사양을 가져옵니다.",
   "udapp.tooltipText3": "L1 메인넷 ETH를 선택한 네트워크 통화로 변환하기 위한 브리지를 열기 위해 클릭하세요.",
   "udapp._comment_instanceContainerUI.tsx": "libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx",
-  "udapp.deployedContracts": "배포된 컨트랙트 ",
+  "udapp.deployedContracts": "배포된 컨트랙트",
   "udapp.deployAndRunClearInstances": "인스턴스 목록을 지우고 레코더를 재설정",
   "udapp.deployAndRunNoInstanceText": "현재 상호 작용할 컨트랙트 인스턴스가 없습니다.",
   "udapp.tooltipText6": "배포된 컨트랙트와 상호 작용하기 위해 자동 생성된 일반 사용자 인터페이스",

apps/remix-ide/src/app/tabs/locales/ru/udapp.json

@@ -59,7 +59,7 @@
   "udapp.tooltipText2": "Откройте chainlist.org и получите данные подключения к цепочке, с которой вы хотите взаимодействовать.",
   "udapp.tooltipText3": "Нажмите, чтобы открыть мост для преобразования L1 mainnet ETH в выбранную сетевую валюту.",
   "udapp._comment_instanceContainerUI.tsx": "libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx",
-  "udapp.deployedContracts": "Развернутые контракты ",
+  "udapp.deployedContracts": "Развернутые контракты",
   "udapp.deployAndRunClearInstances": "Очистить список экземпляров и сбросить рекордер",
   "udapp.deployAndRunNoInstanceText": "В настоящее время у вас нет экземпляров контракта для взаимодействия.",
   "udapp.tooltipText6": "Автоматически создаваемые пользовательские интерфейсы для взаимодействия с развернутыми контрактами",

apps/remix-ide/src/app/tabs/locales/zh/udapp.json

@@ -59,7 +59,7 @@
   "udapp.tooltipText2": "打开 chainlist.org 并获取您想要交互的链的连接规范。",
   "udapp.tooltipText3": "单击可打开用于将 L1 主网 ETH 转换为所选网络货币的桥接器。",
   "udapp._comment_instanceContainerUI.tsx": "libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx",
-  "udapp.deployedContracts": "已部署的合约 ",
+  "udapp.deployedContracts": "已部署的合约",
   "udapp.deployAndRunClearInstances": "清空合约实例并重置交易记录",
   "udapp.deployAndRunNoInstanceText": "当前您没有可交互的合约实例.",
   "udapp.tooltipText6": "自动生成的通用用户界面，用于与已部署的合约进行交互",

libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx

@@ -17,11 +17,14 @@ export function InstanceContainerUI(props: InstanceContainerProps) {
     <div className="udapp_instanceContainer mt-2 border-0 list-group-item">
       <div className="d-flex justify-content-between align-items-center p-2">
         <CustomTooltip placement="top-start" tooltipClasses="text-nowrap" tooltipId="deployAndRunClearInstancesTooltip" tooltipText={<FormattedMessage id="udapp.tooltipText6" />}>
-          <label className="udapp_deployedContracts" data-id="unpinnedContracts">
+          <label className="udapp_deployedContracts text-nowrap" data-id="unpinnedContracts">
             <FormattedMessage id="udapp.deployedContracts" />
-            <span>({instanceList.length})</span>
           </label>
         </CustomTooltip>
+        <CustomTooltip placement="top-start" tooltipClasses="text-nowrap" tooltipId="deployAndRunClearInstancesTooltip" tooltipText="Number of deployed contracts">
+          <div className="badge badge-pill badge-primary text-center ml-2 mb-1">{instanceList.length}</div>
+        </CustomTooltip>
+        <div className="w-100"></div>
         {instanceList.length > 0 ? (
           <CustomTooltip
             placement={'auto-end'}