chore: update biome

apps/storybook/components/View.tsx

@@ -1,5 +1,5 @@
 import { cva } from 'class-variance-authority'
-import { type ReactNode } from 'react'
+import type { ReactNode } from 'react'
 import * as React from 'react'
 
 export const View = ({

apps/storybook/stories/button.stories.tsx

@@ -1,7 +1,7 @@
 // Button.stories.ts|tsx
 
 import type { Meta, StoryObj } from '@storybook/react'
-import { Button, ButtonProps } from '@sushiswap/ui'
+import { Button, type ButtonProps } from '@sushiswap/ui'
 import { Currency } from '@sushiswap/ui'
 import { DiscordIcon } from '@sushiswap/ui/icons/DiscordIcon'
 import * as React from 'react'

apps/storybook/stories/card.stories.tsx

@@ -11,7 +11,7 @@ import {
   CardGroup,
   CardHeader,
   CardLabel,
-  CardProps,
+  type CardProps,
   CardTitle,
 } from '@sushiswap/ui'
 import * as React from 'react'

apps/storybook/stories/chip.stories.tsx

@@ -1,7 +1,7 @@
 // Chip.stories.ts|tsx
 
 import type { Meta, StoryObj } from '@storybook/react'
-import { Chip, ChipProps } from '@sushiswap/ui'
+import { Chip, type ChipProps } from '@sushiswap/ui'
 import { DiscordIcon } from '@sushiswap/ui/icons/DiscordIcon'
 import * as React from 'react'
 

apps/storybook/stories/datatable.stories.tsx

@@ -2,7 +2,7 @@
 
 import type { Meta, StoryObj } from '@storybook/react'
 import { DataTable } from '@sushiswap/ui'
-import { ColumnDef, PaginationState } from '@tanstack/react-table'
+import type { ColumnDef, PaginationState } from '@tanstack/react-table'
 import { useState } from 'react'
 
 type Payment = {

apps/storybook/stories/iconbutton.stories.tsx

@@ -1,7 +1,7 @@
 // IconButton.stories.ts|tsx
 
 import type { Meta, StoryObj } from '@storybook/react'
-import { IconButton, IconButtonProps } from '@sushiswap/ui'
+import { IconButton, type IconButtonProps } from '@sushiswap/ui'
 import { DiscordIcon } from '@sushiswap/ui/icons/DiscordIcon'
 import * as React from 'react'
 

apps/storybook/stories/message.stories.tsx

@@ -1,7 +1,7 @@
 // Button.stories.ts|tsx
 
 import type { Meta, StoryObj } from '@storybook/react'
-import { Message, MessageProps } from '@sushiswap/ui'
+import { Message, type MessageProps } from '@sushiswap/ui'
 import * as React from 'react'
 
 import { ViewGroup } from '../components/View'

apps/storybook/stories/skeletontext.stories.tsx

@@ -1,7 +1,7 @@
 // Skeleton.stories.ts|tsx
 
 import type { Meta, StoryObj } from '@storybook/react'
-import { SkeletonText, SkeletonTextProps } from '@sushiswap/ui'
+import { SkeletonText, type SkeletonTextProps } from '@sushiswap/ui'
 
 const fontSizes: SkeletonTextProps['fontSize'][] = [
   'xs',

apps/storybook/stories/textfield.stories.tsx

@@ -5,7 +5,7 @@ import { MagnifyingGlassIcon } from '@heroicons/react/24/solid'
 import type { Meta, StoryObj } from '@storybook/react'
 import {
   TextField,
-  TextFieldBaseProps,
+  type TextFieldBaseProps,
   TextFieldDescription,
 } from '@sushiswap/ui'
 import * as React from 'react'

apps/storybook/stories/toggle.stories.tsx

@@ -1,7 +1,7 @@
 // Toggle.stories.ts|tsx
 
 import type { Meta, StoryObj } from '@storybook/react'
-import { Toggle, ToggleProps } from '@sushiswap/ui'
+import { Toggle, type ToggleProps } from '@sushiswap/ui'
 import * as React from 'react'
 
 import { ViewGroup } from '../components/View'

apps/web/eslintrc.config.mjs

@@ -1,5 +1,5 @@
-import path from 'path'
-import { fileURLToPath } from 'url'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
 import { FlatCompat } from '@eslint/eslintrc'
 
 const __filename = fileURLToPath(import.meta.url)

apps/web/src/app/(cms)/academy/[article-slug]/components/article-header.tsx

@@ -1,7 +1,7 @@
 import type { AcademyArticle } from '@sushiswap/graph-client/strapi'
 import { Container } from '@sushiswap/ui'
 import format from 'date-fns/format'
-import { FC } from 'react'
+import type { FC } from 'react'
 import { Media } from 'src/app/(cms)/components/media'
 import { DifficultyLabel } from '../../components/difficulty-label'
 

apps/web/src/app/(cms)/academy/[article-slug]/components/article-links.tsx

@@ -4,7 +4,7 @@ import { EnvelopeIcon, LinkIcon } from '@heroicons/react/24/outline'
 import type { AcademyArticle } from '@sushiswap/graph-client/strapi'
 import { ClipboardController } from '@sushiswap/ui'
 import { TwitterIcon } from '@sushiswap/ui/icons/TwitterIcon'
-import { FC } from 'react'
+import type { FC } from 'react'
 import { getShareText } from 'src/app/(cms)/constants'
 
 interface ArticleLinks {

apps/web/src/app/(cms)/academy/[article-slug]/components/breadcrumb.tsx

@@ -4,7 +4,7 @@ import { ArrowLeftIcon, ShareIcon } from '@heroicons/react/24/solid'
 import type { AcademyArticle } from '@sushiswap/graph-client/strapi'
 import { Container, IconButton } from '@sushiswap/ui'
 import { useRouter } from 'next/navigation'
-import { FC, useCallback } from 'react'
+import { type FC, useCallback } from 'react'
 import { getShareText } from 'src/app/(cms)/constants'
 
 interface Breadcrumb {

apps/web/src/app/(cms)/academy/components/academy-search-provider.tsx

@@ -2,10 +2,10 @@
 
 import { useRouter } from 'next/navigation'
 import {
-  Dispatch,
-  FC,
-  ReactNode,
-  SetStateAction,
+  type Dispatch,
+  type FC,
+  type ReactNode,
+  type SetStateAction,
   createContext,
   useContext,
   useMemo,

apps/web/src/app/(cms)/academy/components/article-list/article-list-filtered.tsx

@@ -122,7 +122,10 @@ export function ArticleListFiltered({
       <InfiniteScroll
         dataLength={articles.length}
         next={fetchNextPage}
-        hasMore={infinite && articles.length < (meta?.total || -Infinity)}
+        hasMore={
+          infinite &&
+          articles.length < (meta?.total || Number.NEGATIVE_INFINITY)
+        }
         loader={
           <div className="flex justify-center w-full py-4">
             <Loader size={16} />

apps/web/src/app/(cms)/academy/components/article-list/article-list.tsx

@@ -1,4 +1,4 @@
-import { AcademyArticle } from '@sushiswap/graph-client/strapi'
+import type { AcademyArticle } from '@sushiswap/graph-client/strapi'
 import { ArticleCard } from '../article-card/article-card'
 
 interface ArticleList {

apps/web/src/app/(cms)/academy/components/difficulty-card-bar.tsx

@@ -3,7 +3,10 @@ import { ArrowRightIcon } from '@heroicons/react/24/outline'
 import { Chip } from '@sushiswap/ui'
 import { CircleIcon } from '@sushiswap/ui/icons/CircleIcon'
 
-import { Difficulty, getDifficulties } from '@sushiswap/graph-client/strapi'
+import {
+  type Difficulty,
+  getDifficulties,
+} from '@sushiswap/graph-client/strapi'
 import { classNames } from '@sushiswap/ui'
 import { AcademyIcon } from '../../components/icons'
 import { DOCS_URL } from '../../constants'

apps/web/src/app/(cms)/academy/components/difficulty-filter-bar/difficulty-filter-bar-client.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { Difficulty } from '@sushiswap/graph-client/strapi'
+import type { Difficulty } from '@sushiswap/graph-client/strapi'
 import { CircleIcon } from '@sushiswap/ui/icons/CircleIcon'
 import { useCallback, useState } from 'react'
 import { DIFFICULTY_ELEMENTS } from '../../contants'

apps/web/src/app/(cms)/academy/components/difficulty-label.tsx

@@ -1,4 +1,4 @@
-import { AcademyArticle } from '@sushiswap/graph-client/strapi'
+import type { AcademyArticle } from '@sushiswap/graph-client/strapi'
 import { classNames } from '@sushiswap/ui'
 import { CircleIcon } from '@sushiswap/ui/icons/CircleIcon'
 import { DIFFICULTY_ELEMENTS } from '../contants'

apps/web/src/app/(cms)/academy/explore/assets/looper-bg.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react'
+import type { FC } from 'react'
 
 export const LooperBg: FC<React.ComponentProps<'svg'>> = ({ ...props }) => {
   return (

apps/web/src/app/(cms)/academy/explore/components/result-count.tsx

@@ -1,9 +1,9 @@
 'use client'
 
-import { getAcademyArticles } from '@sushiswap/graph-client/strapi'
+import type { getAcademyArticles } from '@sushiswap/graph-client/strapi'
 import { SkeletonText } from '@sushiswap/ui'
 import { useInfiniteQuery } from '@tanstack/react-query'
-import React from 'react'
+import type React from 'react'
 import { useAcademySearch } from '../../components/academy-search-provider'
 
 const Shell = ({ children }: { children: React.ReactNode }) => (

apps/web/src/app/(cms)/blog/[article-slug]/page.tsx

@@ -3,7 +3,7 @@ import { getBlogArticles } from '@sushiswap/graph-client/strapi'
 import { Container, LinkInternal } from '@sushiswap/ui'
 import type { Metadata } from 'next'
 import { notFound } from 'next/navigation'
-import { Article, WithContext } from 'schema-dts'
+import type { Article, WithContext } from 'schema-dts'
 import { getGhostBody } from '../../lib/ghost/ghost'
 import { getOptimizedMedia, isMediaVideo } from '../../lib/media'
 import { ArticleAuthors } from '../components/article-authors'

apps/web/src/app/(cms)/blog/components/article-list/article-list-client.tsx

@@ -1,8 +1,8 @@
 'use client'
 
 import {
-  BlogArticle,
-  BlogArticleMeta,
+  type BlogArticle,
+  type BlogArticleMeta,
   getBlogArticles,
 } from '@sushiswap/graph-client/strapi'
 import { Loader } from '@sushiswap/ui'
@@ -103,7 +103,7 @@ export function ArticleListClient({
     <InfiniteScroll
       dataLength={articles.length}
       next={fetchNextPage}
-      hasMore={articles.length < (meta?.total || -Infinity)}
+      hasMore={articles.length < (meta?.total || Number.NEGATIVE_INFINITY)}
       loader={
         <div className="flex justify-center w-full py-4">
           <Loader size={16} />

apps/web/src/app/(cms)/blog/components/blog-search-provider.tsx

@@ -2,10 +2,10 @@
 
 import { useRouter } from 'next/navigation'
 import {
-  Dispatch,
-  FC,
-  ReactNode,
-  SetStateAction,
+  type Dispatch,
+  type FC,
+  type ReactNode,
+  type SetStateAction,
   createContext,
   useContext,
   useMemo,

apps/web/src/app/(cms)/blog/components/category-filter/category-filter-client.tsx

@@ -2,7 +2,7 @@
 
 import { Toggle } from '@sushiswap/ui'
 import { useCallback, useState } from 'react'
-import { Category } from 'src/app/(cms)/lib/strapi/categories'
+import type { Category } from 'src/app/(cms)/lib/strapi/categories'
 import { useBlogSearch, useSetBlogSearch } from '../blog-search-provider'
 
 interface CategoryFilterClient {

apps/web/src/app/(cms)/components/icons/AcademyIcon.tsx

@@ -1,4 +1,4 @@
-import { ComponentType, FC } from 'react'
+import type { ComponentType, FC } from 'react'
 
 import { SquareIcon } from './SquareIcon'
 

apps/web/src/app/(cms)/components/icons/DocsIcon.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react'
+import type { FC } from 'react'
 
 interface DocsIcon {
   color: string

apps/web/src/app/(cms)/faq/(root)/components/get-in-touch.tsx

@@ -2,7 +2,8 @@ import {
   ChatBubbleOvalLeftIcon /*, TicketIcon*/,
 } from '@heroicons/react/24/solid'
 import { Button } from '@sushiswap/ui'
-import React, { FC } from 'react'
+import type React from 'react'
+import type { FC } from 'react'
 
 interface Block {
   title: string

apps/web/src/app/(cms)/faq/(root)/components/most-searched-questions.tsx

@@ -1,6 +1,6 @@
 import { ChevronRightIcon } from '@heroicons/react/24/solid'
 import {
-  FaqMostSearched,
+  type FaqMostSearched,
   getFaqMostSearched,
 } from '@sushiswap/graph-client/strapi'
 import Link from 'next/link'

apps/web/src/app/(cms)/faq/[category-slug]/(category)/components/category-layout.tsx

@@ -1,7 +1,7 @@
 import { getFaqCategories } from '@sushiswap/graph-client/strapi'
 import { Container } from '@sushiswap/ui'
 import {
-  Sidebar,
+  type Sidebar,
   SidebarDesktop,
   SidebarMobile,
 } from '../../../components/sidebar'

apps/web/src/app/(cms)/faq/[category-slug]/(category)/layout.tsx

@@ -1,7 +1,7 @@
 import { getFaqCategory } from '@sushiswap/graph-client/strapi'
 import { Breadcrumb, Container, typographyVariants } from '@sushiswap/ui'
 import { notFound } from 'next/navigation'
-import React from 'react'
+import type React from 'react'
 import { CategoryLayout } from './components/category-layout'
 
 export const revalidate = 900

apps/web/src/app/(cms)/faq/[category-slug]/(category)/page.tsx

@@ -1,4 +1,7 @@
-import { FaqCategory, getFaqCategory } from '@sushiswap/graph-client/strapi'
+import {
+  type FaqCategory,
+  getFaqCategory,
+} from '@sushiswap/graph-client/strapi'
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
 

apps/web/src/app/(cms)/faq/[category-slug]/[answer-group-slug]/components/answer-group-layout.tsx

@@ -1,7 +1,7 @@
 import { getFaqAnswerGroup } from '@sushiswap/graph-client/strapi'
 import { Container } from '@sushiswap/ui'
 import {
-  Sidebar,
+  type Sidebar,
   SidebarDesktop,
   SidebarMobile,
 } from '../../../components/sidebar'

apps/web/src/app/(cms)/faq/[category-slug]/[answer-group-slug]/layout.tsx

@@ -1,7 +1,7 @@
 import { getFaqAnswerGroup } from '@sushiswap/graph-client/strapi'
 import { Breadcrumb, Container, typographyVariants } from '@sushiswap/ui'
 import { notFound } from 'next/navigation'
-import React from 'react'
+import type React from 'react'
 import { AnswerGroupLayout } from './components/answer-group-layout'
 
 export const revalidate = 900

apps/web/src/app/(cms)/faq/[category-slug]/[answer-group-slug]/route.ts

@@ -1,6 +1,6 @@
 import { getFaqAnswerGroup } from '@sushiswap/graph-client/strapi'
 import { notFound, redirect } from 'next/navigation'
-import { NextRequest } from 'next/server'
+import type { NextRequest } from 'next/server'
 
 export const revalidate = 3600
 

apps/web/src/app/(cms)/header.tsx

@@ -1,7 +1,7 @@
 import { getDifficulties } from '@sushiswap/graph-client/strapi'
 import {
   Navigation,
-  NavigationElement,
+  type NavigationElement,
   NavigationElementType,
 } from '@sushiswap/ui'
 import React from 'react'

apps/web/src/app/(cms)/lib/ghost/ghost.ts

@@ -1,4 +1,6 @@
-import GhostContentAPI, { GhostContentAPIOptions } from '@tryghost/content-api'
+import GhostContentAPI, {
+  type GhostContentAPIOptions,
+} from '@tryghost/content-api'
 
 interface CustomGhostContentAPIOptions extends GhostContentAPIOptions {
   makeRequest: (options: {

apps/web/src/app/(landing)/components/AnimatedTitle.tsx

@@ -1,6 +1,6 @@
 import { classNames } from '@sushiswap/ui'
 import { useInView } from 'framer-motion'
-import { FC, ReactNode, useRef } from 'react'
+import { type FC, type ReactNode, useRef } from 'react'
 
 export const AnimatedTitle: FC<{ children: ReactNode; className?: string }> = ({
   children,

apps/web/src/app/(landing)/components/BuildFuture.tsx

@@ -1,7 +1,7 @@
 import { Button } from '@sushiswap/ui'
 import { Container } from '@sushiswap/ui'
 import { motion } from 'framer-motion'
-import React, { FC } from 'react'
+import React, { type FC } from 'react'
 
 import { ExpandableCard } from './ExpandableCard'
 import { BentoBoxSVG, SwitchSVG } from './svgs'

apps/web/src/app/(landing)/components/BuildWealth.tsx

@@ -1,6 +1,6 @@
 import { Container } from '@sushiswap/ui'
 import Image from 'next/legacy/image'
-import React, { FC } from 'react'
+import React, { type FC } from 'react'
 
 import { ExpandableCard } from './ExpandableCard'
 

apps/web/src/app/(landing)/components/Ecosystem.tsx

@@ -1,9 +1,9 @@
 import { Button } from '@sushiswap/ui'
 import { Container } from '@sushiswap/ui'
 import { motion } from 'framer-motion'
-import React, { FC } from 'react'
+import React, { type FC } from 'react'
 
-import { ExpandableCard, ExpendableCardData } from './ExpandableCard'
+import { ExpandableCard, type ExpendableCardData } from './ExpandableCard'
 
 interface TabsExpendableCardData extends ExpendableCardData {
   summary: string

apps/web/src/app/(landing)/components/ExpandableCard.tsx

@@ -2,7 +2,7 @@ import { LinkExternal } from '@sushiswap/ui'
 import { Button } from '@sushiswap/ui'
 import { AnimatePresence, AnimateSharedLayout, motion } from 'framer-motion'
 import { nanoid } from 'nanoid'
-import React, { FC, ReactNode, useCallback, useState } from 'react'
+import React, { type FC, type ReactNode, useCallback, useState } from 'react'
 
 interface ExpandableCardRenderProps {
   open: boolean