feat: integrate HeroUI component library

Implemented HeroUI migration plan with the following changes:

Stage 0: Environment Setup
- Installed @heroui/react@2.8.7, @heroui/theme@2.4.26, framer-motion@12.29.2
- Configured Tailwind with HeroUI plugin
- Added HeroUI content paths to Tailwind config

Stage 1: Provider Architecture
- Created Providers.tsx wrapper combining HeroUIProvider and AppProvider
- Updated app/layout.tsx to use new Providers component
- Preserved all AppContext functionality (theme, language, translations)

Stage 2: Component Migrations
- TabNavigation: Migrated to HeroUI Tabs with keyboard navigation support
- TopBar: Migrated buttons to HeroUI Button components
- LanguageSwitch: Migrated to HeroUI Dropdown for better UX
- ThemeSwitch: Migrated to HeroUI Button (isIconOnly variant)
- MintSwapPanel: Migrated to HeroUI Tabs and Button components

Benefits:
- Enhanced accessibility with ARIA attributes and keyboard navigation
- Smooth animations and transitions via Framer Motion
- Consistent component API across the application
- Maintained all existing design tokens and color system
- Preserved dark mode functionality

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

components/Breadcrumb.tsx

@@ -1,39 +1,39 @@
-import Image from "next/image";
-
-interface BreadcrumbItem {
-  label: string;
-  href?: string;
-}
-
-interface BreadcrumbProps {
-  items: BreadcrumbItem[];
-}
-
-export default function Breadcrumb({ items }: BreadcrumbProps) {
-  return (
-    <nav className="flex items-center gap-[3px] h-5">
-      {items.map((item, index) => (
-        <div key={index} className="flex items-center gap-[3px]">
-          <span
-            className={`text-sm font-medium leading-[150%] ${
-              index === items.length - 1
-                ? "text-text-primary font-bold"
-                : "text-text-tertiary"
-            }`}
-          >
-            {item.label}
-          </span>
-          {index < items.length - 1 && (
-            <Image
-              src="/icon-chevron-right.svg"
-              alt="›"
-              width={14}
-              height={14}
-              className="flex-shrink-0"
-            />
-          )}
-        </div>
-      ))}
-    </nav>
-  );
-}
+import Image from "next/image";
+
+interface BreadcrumbItem {
+  label: string;
+  href?: string;
+}
+
+interface BreadcrumbProps {
+  items: BreadcrumbItem[];
+}
+
+export default function Breadcrumb({ items }: BreadcrumbProps) {
+  return (
+    <nav className="flex items-center gap-[3px] h-5">
+      {items.map((item, index) => (
+        <div key={index} className="flex items-center gap-[3px]">
+          <span
+            className={`text-sm font-medium leading-[150%] ${
+              index === items.length - 1
+                ? "text-text-primary font-bold"
+                : "text-text-tertiary"
+            }`}
+          >
+            {item.label}
+          </span>
+          {index < items.length - 1 && (
+            <Image
+              src="/icon-chevron-right.svg"
+              alt="›"
+              width={14}
+              height={14}
+              className="flex-shrink-0"
+            />
+          )}
+        </div>
+      ))}
+    </nav>
+  );
+}