v3 with new design

[Ho3einWave]

This pull request includes significant changes to the Header component and its related files to improve styling and functionality. The most important changes include updating import statements, modifying the Header component's structure and styles, and updating the SettingPopover, SlippageSetting, TokensSettings, and Wallet components.

Improvements to import statements:

• lib/components/Header/Header.tsx: Updated import statements to use single quotes for consistency.
• lib/components/Header/SettingPopover.tsx: Updated import statements to use single quotes and replaced IoClose with a custom Close icon.

Changes to Header component:

• lib/components/Header/Header.tsx: Modified the Header component's structure and styles to use Tailwind CSS classes for a more responsive design.

Updates to SettingPopover component:

• lib/components/Header/SettingPopover.tsx: Updated the SettingPopover component's structure and styles to use Tailwind CSS classes and replaced IoClose with a custom Close icon. [1] [2]

Styling improvements:

• lib/components/Header/SlippageSetting.tsx: Updated the SlippageSetting component's structure and styles to use Tailwind CSS classes and the cn utility function for conditional class names.
• lib/components/Header/TokensSettings.tsx: Updated the TokensSettings component's structure and styles to use Tailwind CSS classes and the cn utility function for conditional class names.

Enhancements to Wallet component:

• lib/components/Header/Wallet.tsx: Updated the Wallet component's structure and styles to use Tailwind CSS classes, added support for a isWalletPopover prop, and replaced FaCopy and MdArrowOutward icons with custom Copy and Link icons. [1] [2]