fix lint

app/components/Agent.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect, useCallback } from 'react';
 
 import Navbar from './Navbar';
-import { ActionEntry, AgentMessage, Language, StreamEntry } from '../types';
+import type { ActionEntry, AgentMessage, Language, StreamEntry } from '../types';
 import Stream from './Stream';
 import ChatInput from './ChatInput';
 import Footer from './Footer';

app/components/AgentProfile.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Language } from '../types';
+import type { Language } from '../types';
 import { AGENT_NAME, AGENT_WALLET_ADDRESS, notoSansThai } from '../constants';
 import { translations } from '../translations';
 

app/components/AgentStats.tsx

@@ -1,6 +1,6 @@
 import { AGENT_WALLET_ADDRESS, notoSansThai } from '../constants';
 import { translations } from '../translations';
-import { Language } from '../types';
+import type { Language } from '../types';
 import { useBalance } from 'wagmi';
 
 type AgentStats = {
@@ -25,7 +25,7 @@ export default function AgentStats({ currentLanguage }: AgentStats) {
     <div className="mb-4 mr-2 bg-black border border-[#5788FA]/50 rounded-sm">
       <div className="flex flex-col items-start p-4">
         <span className="text-2xl font-bold text-[#5788FA]">
-          {`${parseFloat(data?.formatted || '').toFixed(6)} ETH`}
+          {`${Number.parseFloat(data?.formatted || '').toFixed(6)} ETH`}
         </span>
         {/* TODO: update with actual data */}
         <ul className="space-y-1 pt-4">

app/components/ChatInput.tsx

@@ -1,5 +1,5 @@
-import { ChangeEvent, useCallback } from 'react';
-import { Language } from '../types';
+import { type ChangeEvent, useCallback } from 'react';
+import type { Language } from '../types';
 import { notoSansThai } from '../constants';
 import { translations } from '../translations';
 import SendSvg from '../svg/SendSvg';

app/components/LanguageSelector.tsx

@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { Language } from '../types';
+import type { Language } from '../types';
 
 type LanguageSelectorProps = {
   currentLanguage: Language;

app/components/Navbar.tsx

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import { translations } from '../translations';
-import { Language } from '../types';
+import type { Language } from '../types';
 import LanguageSelector from './LanguageSelector';
 import { notoSansThai } from '../constants';
 

app/components/Stream.tsx

@@ -1,7 +1,7 @@
 import { useRef, useEffect } from 'react';
 import { notoSansThai } from '../constants';
 import { translations } from '../translations';
-import { Language, StreamEntry } from '../types';
+import type { Language, StreamEntry } from '../types';
 import { getActionIcon } from '../utils';
 import TimeDisplay from './TimeDisplay';
 

app/hooks/useChat.ts

@@ -1,5 +1,5 @@
 import { useState, useCallback } from 'react';
-import { AgentMessage } from '../types';
+import type { AgentMessage } from '../types';
 
 type UseChatResponse = {
   messages?: AgentMessage[];

app/utils.tsx

@@ -1,4 +1,4 @@
-import { ActionEntry, Language, ThoughtEntry } from './types';
+import type { ActionEntry, Language, ThoughtEntry } from './types';
 import NftSvg from './svg/NftSvg';
 import RequestSvg from './svg/RequestSvg';
 import SendSvg from './svg/SendSvg';