add tooltips for dapp-draft icon

Author: drafish

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

@@ -109,6 +109,7 @@
 
   "udapp._comment_universalDappUI.tsx": "libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx",
   "udapp.tooltipTextRemove": "Remove from the list",
+  "udapp.tooltipTextEdit": "Create Dapp with QuickDapp in the main panel",
   "udapp.tooltipTextPin": "Pin contract",
   "udapp.tooltipText8": "Click for docs about using 'receive'/'fallback'",
   "udapp.tooltipText9": "The Calldata to send to fallback function of the contract.",

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

@@ -297,7 +297,16 @@ export function UniversalDappUI(props: UdappProps) {
             <label>
               <b><FormattedMessage id="udapp.balance" />:</b> {instanceBalance} ETH
             </label>
-            {props.exEnvironment && props.exEnvironment.startsWith('injected') && <i className="fas fa-edit btn btn-sm p-0" onClick={() => {props.editInstance(props.instance)}}></i>}
+            {props.exEnvironment && props.exEnvironment.startsWith('injected') && (
+              <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappEditTooltip" tooltipText={<FormattedMessage id="udapp.tooltipTextEdit" />}>
+                <i
+                  className="fas fa-edit btn btn-sm p-0"
+                  onClick={() => {
+                    props.editInstance(props.instance)
+                  }}
+                ></i>
+              </CustomTooltip>
+            )}
           </div>
           { props.isPinnedContract && props.instance.pinnedAt ? (
             <div className="d-flex" data-id="instanceContractPinnedAt">