update dependencies (#5523)

Author: jnsdls

.nvmrc

@@ -1 +1 @@
-20
+22

apps/dashboard/package.json

@@ -48,14 +48,14 @@
     "@radix-ui/react-tooltip": "1.1.4",
     "@sentry/nextjs": "8.40.0",
     "@shazow/whatsabi": "^0.17.0",
-    "@tanstack/react-query": "5.61.3",
+    "@tanstack/react-query": "5.61.4",
     "@tanstack/react-table": "^8.17.3",
     "@thirdweb-dev/service-utils": "workspace:*",
     "@vercel/functions": "^1.4.2",
     "@vercel/og": "^0.6.4",
     "abitype": "1.0.6",
     "chakra-react-select": "^4.7.6",
-    "class-variance-authority": "^0.7.0",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "color": "^4.2.3",
     "compare-versions": "^6.1.0",
@@ -66,7 +66,6 @@
     "input-otp": "^1.4.1",
     "ioredis": "^5.4.1",
     "ipaddr.js": "^2.2.0",
-    "lottie-react": "^2.4.0",
     "lucide-react": "0.461.0",
     "next": "15.0.3",
     "next-plausible": "^3.12.4",
@@ -117,7 +116,7 @@
     "@storybook/react": "8.4.5",
     "@storybook/test": "8.4.5",
     "@types/color": "4.2.0",
-    "@types/node": "20.14.9",
+    "@types/node": "22.10.0",
     "@types/papaparse": "^5.3.15",
     "@types/pluralize": "^0.0.33",
     "@types/qrcode": "^1.5.5",
@@ -134,7 +133,7 @@
     "eslint-config-biome": "1.9.3",
     "eslint-plugin-react-compiler": "19.0.0-beta-df7b47d-20241124",
     "eslint-plugin-storybook": "^0.11.1",
-    "knip": "5.37.2",
+    "knip": "5.38.0",
     "next-sitemap": "^4.2.3",
     "postcss": "8.4.49",
     "storybook": "8.4.5",

apps/dashboard/public/assets/product-pages/connect/connect-lottie.json

@@ -371,6 +371,7 @@ const ReceiveFundsModal = ({
               address={backendWallet.address}
               shortenAddress={false}
             />
+            {/* eslint-disable-next-line @next/next/no-img-element */}
             <img
               src={qrCodeBase64Query.data}
               alt="QR code for receiving funds"

apps/dashboard/public/assets/product-pages/engine/lottie.json

@@ -1,11 +1,9 @@
-import { Box } from "@chakra-ui/react";
 import { ChakraNextImage } from "components/Image";
-import Lottie from "lottie-react";
 import type { LandingDesktopMobileImageProps } from "./types";
 
 export const LandingDesktopMobileImage: React.FC<
   LandingDesktopMobileImageProps
-> = ({ lottie, image, mobileImage, ...props }) => {
+> = ({ image, mobileImage, ...props }) => {
   return (
     <>
       {mobileImage && (
@@ -16,27 +14,14 @@ export const LandingDesktopMobileImage: React.FC<
           alt=""
         />
       )}
-      {!lottie && image && (
+      {image && (
         <ChakraNextImage
           {...props}
           src={image}
           alt=""
           display={{ base: mobileImage ? "none" : "block", md: "block" }}
         />
       )}
-      {lottie && (
-        <Box
-          w="100%"
-          h="100%"
-          display={{ base: mobileImage ? "none" : "block", md: "block" }}
-        >
-          <Lottie
-            animationData={lottie}
-            style={{ height: "100%" }}
-            loop={true}
-          />
-        </Box>
-      )}
     </>
   );
 };

apps/dashboard/public/assets/product-pages/engine/lottie2.json

@@ -20,8 +20,6 @@ interface LandingHeroWithSideImageProps {
   gradient: string;
   image?: StaticImageData;
   mobileImage?: StaticImageData;
-  // biome-ignore lint/complexity/noBannedTypes: FIXME
-  lottie?: {};
   miniImage?: StaticImageData;
   mt?: BoxProps["mt"];
   contactUsBg?: TrackedLinkProps["bg"];
@@ -44,7 +42,7 @@ export const LandingHeroWithSideImage: React.FC<
   gradient,
   image,
   mobileImage,
-  lottie,
+
   miniImage,
   mt,
   contactUsBg,
@@ -93,11 +91,7 @@ export const LandingHeroWithSideImage: React.FC<
         />
       </Flex>
       <Flex maxH="500px">
-        <LandingDesktopMobileImage
-          lottie={lottie}
-          image={image}
-          mobileImage={mobileImage}
-        />
+        <LandingDesktopMobileImage image={image} mobileImage={mobileImage} />
       </Flex>
     </SimpleGrid>
   );

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

@@ -5,8 +5,6 @@ import type { HeadingSizes } from "theme/typography";
 export type LandingDesktopMobileImageProps = ChakraNextImageProps & {
   image?: StaticImageData;
   mobileImage?: StaticImageData;
-  // biome-ignore lint/complexity/noBannedTypes: FIXME
-  lottie?: {};
 };
 
 export interface LandingSectionHeadingProps {

apps/dashboard/src/components/landing-pages/desktop-mobile-image.tsx

@@ -16,7 +16,6 @@ import Head from "next/head";
 import { PageId } from "page-id";
 import { Heading, Text } from "tw-components";
 import type { ThirdwebNextPage } from "utils/types";
-import connectLottie from "../../public/assets/product-pages/connect/connect-lottie.json";
 
 const TRACKING_CATEGORY = "connect-wallet-landing";
 
@@ -175,7 +174,6 @@ const ConnectLanding: ThirdwebNextPage = () => {
             ctaLink="https://playground.thirdweb.com/connect/sign-in/button"
             contactUsTitle="Book Demo"
             gradient="linear(to-r, #4490FF, #4490FF)"
-            lottie={connectLottie}
             image={require("../../public/assets/product-pages/hero/desktop-hero-connect-wallet.png")}
             mobileImage={require("../../public/assets/product-pages/hero/mobile-hero-connect-wallet.png")}
             contactUsBg="#0E0E0E"