chore: Upgrade hyp packages and de-dupe tooltip (#142)

Extension of https://github.com/hyperlane-xyz/hyperlane-explorer/pull/139

package.json

@@ -1,14 +1,14 @@
 {
   "name": "@hyperlane-xyz/explorer",
   "description": "An interchain explorer for the Hyperlane protocol and network.",
-  "version": "5.4.0",
+  "version": "7.1.0",
   "author": "J M Rossy",
   "dependencies": {
-    "@headlessui/react": "^2.1.8",
+    "@headlessui/react": "^2.2.0",
-    "@hyperlane-xyz/registry": "5.1.0",
+    "@hyperlane-xyz/registry": "6.1.0",
-    "@hyperlane-xyz/sdk": "6.0.0",
+    "@hyperlane-xyz/sdk": "7.1.0",
-    "@hyperlane-xyz/utils": "6.0.0",
+    "@hyperlane-xyz/utils": "7.1.0",
-    "@hyperlane-xyz/widgets": "6.0.0",
+    "@hyperlane-xyz/widgets": "7.1.0",
     "@tanstack/react-query": "^5.35.5",
     "bignumber.js": "^9.1.2",
     "buffer": "^6.0.3",

src/features/messages/cards/ContentDetailsCard.tsx

@@ -75,9 +75,6 @@ export function ContentDetailsCard({
           <Tooltip
             id="message-info"
             content="Immutable information about the message itself such as its contents."
-            size={16}
-            className="hover:scale-105 hover:opacity-70"
-            data-tooltip-place="top-start"
           />
         </div>
       </div>

src/features/messages/cards/GasDetailsCard.tsx

@@ -79,9 +79,6 @@ export function GasDetailsCard({ message, blur, igpPayments = {} }: Props) {
           <Tooltip
             content="Amounts paid to the Interchain Gas Paymaster for message delivery."
             id="gas-info"
-            size={16}
-            className="hover:scale-105 hover:opacity-70"
-            data-tooltip-place="top-start"
           />
         </div>
       </div>

src/features/messages/cards/IcaDetailsCard.tsx

@@ -35,9 +35,6 @@ export function IcaDetailsCard({ message: { originDomainId, body }, blur }: Prop
           <Tooltip
             id="ica-info"
             content="Extra information for messages from/to Interchain Accounts."
-            size={16}
-            className="hover:scale-105 hover:opacity-70"
-            data-tooltip-place="top-start"
           />
         </div>
       </div>

src/features/messages/cards/IsmDetailsCard.tsx

@@ -25,9 +25,6 @@ export function IsmDetailsCard({ ismDetails, blur }: Props) {
           <Tooltip
             id="ism-info"
             content="Details about the Interchain Security Modules (ISM) that must verify this message."
-            size={16}
-            className="hover:scale-105 hover:opacity-70"
-            data-tooltip-place="top-start"
           />
         </div>
       </div>

src/features/messages/cards/TransactionCard.tsx

@@ -179,13 +179,7 @@ function TransactionCard({
         </div>
         <div className="flex items-center pb-1">
           <h3 className="mr-2 text-md font-medium text-blue-500">{title}</h3>
-          <Tooltip
+          <Tooltip id="transaction-info" content={helpText} />
-            id="transaction-info"
-            content={helpText}
-            size={16}
-            className="hover:scale-105 hover:opacity-70"
-            data-tooltip-place="top-start"
-          />
         </div>
       </div>
       {children}