fix(image): revert to legacy images

On safari the new next image has a white border when loading.
See: vercel/next.js#40615

src/components/BurnTotal.tsx

@@ -1,6 +1,6 @@
 import * as DateFns from "date-fns";
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type { FC } from "react";
 import { useEffect, useState } from "react";
 import CountUp from "react-countup";

src/components/ContactSection/index.tsx

@@ -4,8 +4,8 @@ import SectionDivider from "../SectionDivider";
 import emailSvg from "./email-slateus.svg";
 import twitterSvg from "../../assets/twitter-slateus.svg";
 import githubSvg from "./github-slateus.svg";
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 
 type ContactProps = {
   alt: string;

src/components/Emoji/index.tsx

@@ -1,5 +1,5 @@
-import type { ImageProps, StaticImageData } from "next/image";
-import Image from "next/image";
+import type { ImageProps, StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type { FC } from "react";
 import linkSvg from "./svg-white/link.svg";
 import anchorSvg from "./svg-white/anchor.svg";

src/components/FamPage/PoapSection.tsx

@@ -1,6 +1,6 @@
 import { captureException } from "@sentry/nextjs";
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type {
   ChangeEvent,
   CSSProperties,

src/components/GasMarketWidget.tsx

@@ -8,8 +8,8 @@ import type { FC } from "react";
 import QuantifyText from "./TextsNext/QuantifyText";
 import { formatOneDecimal, formatTwoDigit } from "../format";
 import { WEI_PER_GWEI } from "../eth-units";
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import batSvg from "../assets/bat-own.svg";
 import speakerSvg from "../assets/speaker-own.svg";
 import barrierSvg from "../assets/barrier-own.svg";

src/components/Gauges/IssuanceBurnBaseGauge.tsx

@@ -1,6 +1,6 @@
 import clamp from "lodash/clamp";
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type { FC } from "react";
 import { useContext } from "react";
 import Skeleton from "react-loading-skeleton";

src/components/HamburgerMenu/index.tsx

@@ -1,5 +1,5 @@
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import Link from "next/link";
 import type { FC } from "react";
 import { useState } from "react";

src/components/HeaderGlow/index.tsx

@@ -1,5 +1,5 @@
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type { FC } from "react";
 import headerGlowSvg from "./header-glow.svg";
 

src/components/ImageWithTooltip.tsx

@@ -1,5 +1,5 @@
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type { FC, RefObject } from "react";
 import { useCallback, useContext, useRef, useState } from "react";
 import Skeleton from "react-loading-skeleton";

src/components/JoinDiscordWidget/index.tsx

@@ -1,5 +1,5 @@
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import Link from "next/link";
 import type {
   ChangeEvent,

src/components/Nerd/index.tsx

@@ -1,5 +1,5 @@
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type { FC } from "react";
 import nerdColorOff from "./nerd-coloroff.svg";
 import nerdColorOn from "./nerd-coloron.svg";

src/components/TimeFrameControl.tsx

@@ -1,5 +1,5 @@
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type { FC, ReactNode } from "react";
 import fireOwnSvg from "../assets/fire-own.svg";
 import fireSlateusSvg from "../assets/fire-slateus.svg";

src/components/TopBar/AlarmInput.tsx

@@ -1,6 +1,6 @@
 import replace from "lodash/replace";
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type { ChangeEvent, FC } from "react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useBaseFeePerGas } from "../../api/base-fee-per-gas";

src/components/TopBar/PriceGasWidget.tsx

@@ -1,6 +1,6 @@
 import * as Sentry from "@sentry/nextjs";
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type { FC, ReactNode } from "react";
 import CountUp from "react-countup";
 import { useBaseFeePerGas } from "../../api/base-fee-per-gas";

src/components/TopBar/index.tsx

@@ -1,5 +1,5 @@
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type { FC } from "react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useLocalStorage } from "../../hooks/use-local-storage";

src/components/UltraSoundBarrier.tsx

@@ -1,5 +1,5 @@
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type { FC } from "react";
 import barrierSvg from "../assets/barrier-own.svg";
 import batSvg from "../assets/bat-own.svg";

src/components/WearTheBatSignal/BatSignalTooltip.tsx

@@ -1,5 +1,5 @@
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type { FC } from "react";
 import closeSvg from "../../assets/close.svg";
 import { TooltipTitle } from "../Texts";

src/components/WearTheBatSignal/index.tsx

@@ -1,5 +1,5 @@
-import type { StaticImageData } from "next/image";
-import Image from "next/image";
+import type { StaticImageData } from "next/legacy/image";
+import Image from "next/legacy/image";
 import type { FC } from "react";
 import { useCallback, useRef, useState } from "react";
 import CopyToClipboard from "react-copy-to-clipboard";