fix: resolve expand all/collapse all regression

Author: sohrab-

src/components/client/Instruction.tsx

@@ -144,8 +144,10 @@ export const Instruction: React.FC<{ index: number }> = ({ index }) => {
         </Flex>
 
         <Flex ml="70px" mb="4">
-          {programInfo.label && <Tag>{programInfo.label}</Tag>}
-          {anchorMethod && <Tag>{`Anchor Method: ${anchorMethod}`}</Tag>}
+          {programInfo.label && <Tag size="sm">{programInfo.label}</Tag>}
+          {anchorMethod && (
+            <Tag size="sm">{`Anchor Method: ${anchorMethod}`}</Tag>
+          )}
         </Flex>
 
         <Accounts accounts={accounts} anchorAccounts={anchorAccounts} />

src/components/client/TransactionHeader.tsx

@@ -148,17 +148,13 @@ export const TransactionHeader: React.FC<{ transaction: ITransaction }> = ({
           <MenuList zIndex="modal">
             <MenuItem
               icon={<Icon as={FaExpand} />}
-              onClick={() => {
-                setAllExpanded(true);
-              }}
+              onClick={setAllExpanded(true)}
             >
               Expand All
             </MenuItem>
             <MenuItem
               icon={<Icon as={FaCompress} />}
-              onClick={() => {
-                setAllExpanded(false);
-              }}
+              onClick={setAllExpanded(false)}
             >
               Collapse All
             </MenuItem>

src/utils/ui-constants.ts

@@ -1,4 +1,4 @@
-import { Finality } from "@solana/web3.js";
+import { Commitment, Finality } from "@solana/web3.js";
 import { DataFormat, InstructionDataFieldType } from "../types/internal";
 import { Explorer } from "../types/state";
 
@@ -12,7 +12,7 @@ export const EXPLORERS: { id: Explorer; name: string }[] = [
 ];
 
 // for commitment level option drop-downs
-export const COMMITMENT_LEVELS = [
+export const COMMITMENT_LEVELS: { id: Commitment; name: string }[] = [
   { id: "processed", name: "Processed" },
   { id: "confirmed", name: "Confirmed" },
   { id: "finalized", name: "Finalized" },