🐛 fix(deps): Remove outdated @iconify/react dependency and add iconify-json packages

apps/user/components/announcement/index.tsx

@@ -1,7 +1,7 @@
 import { queryAnnouncement } from '@/services/user/announcement';
-import { Icon } from '@iconify/react';
 import { Card } from '@workspace/ui/components/card';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@workspace/ui/components/dialog';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { Markdown } from '@workspace/ui/custom-components/markdown';
 import { getTranslations } from 'next-intl/server';
 import { Empty } from '../empty';

apps/user/components/footer.tsx

@@ -10,8 +10,8 @@ import {
   NEXT_PUBLIC_TWITTER_LINK,
 } from '@/config/constants';
 import useGlobalStore from '@/config/use-global';
-import { Icon } from '@iconify/react/dist/iconify.js';
 import { Separator } from '@workspace/ui/components/separator';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 import { Fragment } from 'react';

apps/user/components/language-switch.tsx

@@ -2,7 +2,6 @@
 
 import { locales } from '@/config/constants';
 import { setLocale } from '@/utils/common';
-import { Icon } from '@iconify/react';
 import {
   Select,
   SelectContent,
@@ -10,6 +9,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@workspace/ui/components/select';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { getCountry } from '@workspace/ui/utils';
 import { useLocale, useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';

apps/user/components/main/product-showcase.tsx

@@ -3,11 +3,11 @@
 import { Display } from '@/components/display';
 import { SubscribeDetail } from '@/components/subscribe/detail';
 import { getSubscription } from '@/services/common/common';
-import { Icon } from '@iconify/react';
 import { useQuery } from '@tanstack/react-query';
 import { Button } from '@workspace/ui/components/button';
 import { Card, CardContent, CardFooter, CardHeader } from '@workspace/ui/components/card';
 import { Separator } from '@workspace/ui/components/separator';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { cn } from '@workspace/ui/lib/utils';
 import { motion } from 'framer-motion';
 import { useTranslations } from 'next-intl';

apps/user/components/user-nav.tsx

@@ -3,7 +3,6 @@
 import { navs } from '@/config/navs';
 import useGlobalStore from '@/config/use-global';
 import { Logout } from '@/utils/common';
-import { Icon } from '@iconify/react';
 import { Avatar, AvatarFallback, AvatarImage } from '@workspace/ui/components/avatar';
 import { Button } from '@workspace/ui/components/button';
 import {
@@ -15,6 +14,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from '@workspace/ui/components/dropdown-menu';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';