Complete react-scripts upgrade - fix ESLint warnings and finalize build

Co-authored-by: 0xrinegade <[email protected]>

Author: Copilot

src/components/Navbar/Dropdown.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import {
-  NavLink,
   DropdownWrap,
   DropdownContent,
   DropdownInner,
@@ -18,9 +17,9 @@ export const DropDown: React.FC<DropdownProps> = (props) => {
   const { text, children, hide, isActive } = props;
   return (
     <DropdownWrap hide={hide}>
-      <a className={isActive ? 'selected' : ''}>
+      <button className={isActive ? 'selected' : ''} style={{ background: 'none', border: 'none', cursor: 'pointer' }}>
         {text}
-      </a>
+      </button>
       <DropdownContent>
         <DropdownInner>{children}</DropdownInner>
       </DropdownContent>

src/components/SearchBar/SearchBar.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
 import { useNavigate } from 'react-router-dom';
-import { Search, Close, ArrowUpward, ArrowDownward } from '@mui/icons-material';
+import { Search } from '@mui/icons-material';
 
 const SearchOverlay = styled.div<{ open: boolean }>`
   position: fixed;
@@ -113,7 +113,7 @@ const ShortcutKey = styled.span`
   font-family: monospace;
 `;
 
-interface SearchItem {
+interface SearchItemData {
   id: string;
   title: string;
   description: string;
@@ -134,7 +134,7 @@ export const SearchBar: React.FC<SearchBarProps> = ({ open, onClose }) => {
   const [selectedIndex, setSelectedIndex] = useState(0);
   const inputRef = useRef<HTMLInputElement>(null);
 
-  const searchItems: SearchItem[] = [
+  const searchItems: SearchItemData[] = [
     {
       id: 'wallet',
       title: t('search.wallet'),
@@ -260,7 +260,7 @@ export const SearchBar: React.FC<SearchBarProps> = ({ open, onClose }) => {
     return () => document.removeEventListener('keydown', handleKeyDown);
   }, [open, selectedIndex, filteredItems, onClose]);
 
-  const handleItemClick = (item: SearchItem) => {
+  const handleItemClick = (item: SearchItemData) => {
     item.action();
     onClose();
   };

src/pages/ConnectPopup/SignFormContent.tsx

@@ -3,7 +3,6 @@ import CardContent from '@mui/material/CardContent';
 import Warning from '@mui/icons-material/Warning';
 import { Tooltip, Divider, Typography } from '@mui/material';
 import { useWallet } from '../../utils/wallet';
-import { Title } from '../commonStyles';
 
 function toHex(buffer) {
   return Array.prototype.map

src/pages/Wallet/components/SendPopup.tsx

@@ -680,7 +680,6 @@ function useForm(
 
   const parsedAmount = parseFloat(transferAmountString);
   const validAmount = parsedAmount > 0 && parsedAmount <= balanceAmount;
-  const theme = useTheme();
   const tokenSymbolForCheck =
     tokenSymbol === 'wUSDT' || tokenSymbol === 'wUSDC'
       ? tokenSymbol.replace('w', 'Wrapped ')