Dashboard: Migrate engine/relayers page from chakra to tailwind

Author: MananTank

apps/dashboard/src/@/components/blocks/wallet-address.tsx

@@ -23,7 +23,6 @@ export function WalletAddress(props: {
   className?: string;
   iconClassName?: string;
   client: ThirdwebClient;
-  preventOpenOnFocus?: boolean;
 }) {
   // default back to zero address if no address provided
   const address = useMemo(() => props.address || ZERO_ADDRESS, [props.address]);
@@ -68,10 +67,7 @@ export function WalletAddress(props: {
 
   return (
     <HoverCard>
-      <HoverCardTrigger
-        asChild
-        tabIndex={props.preventOpenOnFocus ? -1 : undefined}
-      >
+      <HoverCardTrigger asChild tabIndex={-1}>
         <Button
           className={cn(
             "flex flex-row items-center gap-2 px-0",

apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/public-pages/nft/token-viewer/token-viewer.tsx

@@ -269,7 +269,6 @@ function TokenInfoUI(props: {
                     className="h-auto py-0 text-sm"
                     client={props.contract.client}
                     iconClassName="hidden"
-                    preventOpenOnFocus
                   />
                 </div>
               ) : (

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/engine/dedicated/(instance)/[engineId]/overview/components/backend-wallets-table.tsx

@@ -404,7 +404,6 @@ function EditModalContent({
               <WalletAddress
                 address={backendWallet.address}
                 client={client}
-                preventOpenOnFocus
                 iconClassName="size-4"
                 className="h-auto py-0"
               />
@@ -609,7 +608,6 @@ const SendFundsModal = ({
                   address={fromWallet.address}
                   client={client}
                   iconClassName="size-4"
-                  preventOpenOnFocus
                   className="h-auto py-0"
                 />
               </div>
@@ -802,7 +800,6 @@ function DeleteModal({
             <WalletAddress
               address={backendWallet.address}
               client={client}
-              preventOpenOnFocus
               iconClassName="size-4"
               className="h-auto py-1"
             />

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/engine/dedicated/(instance)/[engineId]/overview/components/transaction-timeline.tsx

@@ -278,7 +278,6 @@ function CancelTransactionButton({
               shortenAddress={false}
               className="h-auto py-1"
               iconClassName="size-4"
-              preventOpenOnFocus
             />
           </div>