refactor: migrate from @rkheftan/harmony-ui to @harmony/kit

src/components/CountryCodeSelector.tsx

@@ -14,7 +14,7 @@ import ReactCountryFlag from 'react-country-flag';
 import { useTranslation } from 'react-i18next';
 import { countries, type Country } from '../data/countries';
 import type { CountryCode } from '@/types/commonTypes';
-import { Icon } from '@rkheftan/harmony-ui';
+import { Icon } from '@harmony/kit';
 import { LTRTypography } from '@/components/common/LTRTypography';
 import { Virtuoso } from 'react-virtuoso';
 

src/components/ThemToggle.tsx

@@ -1,7 +1,7 @@
 import { ToggleButtonGroup, ToggleButton, Box } from '@mui/material';
 import { Sun1, Moon } from 'iconsax-react';
 import { useTranslation } from 'react-i18next';
-import { Icon } from '@rkheftan/harmony-ui';
+import { Icon } from '@harmony/kit';
 import { type MouseEvent } from 'react';
 
 enum ThemeMode {

src/components/layout/Header.tsx

@@ -8,7 +8,7 @@ import {
   MenuItem,
   Typography,
 } from '@mui/material';
-import { Icon } from '@rkheftan/harmony-ui';
+import { Icon } from '@harmony/kit';
 import { Logout, More } from 'iconsax-react';
 import { LTRTypography } from '../common/LTRTypography';
 import { useState } from 'react';

src/components/layout/Layout.tsx

@@ -1,4 +1,4 @@
-import { SideNav } from '@rkheftan/harmony-ui';
+import { SideNav } from '@harmony/kit';
 import { buildNavItems } from './buildNavItems';
 import { appRoutes } from '@/routes/config';
 import { Outlet, useLocation } from 'react-router-dom';

src/components/layout/ProductsMenu.tsx

@@ -1,6 +1,6 @@
 import { Menu, Stack, Typography, Box, Button } from '@mui/material';
 import { blue } from '@mui/material/colors';
-import { Icon } from '@rkheftan/harmony-ui';
+import { Icon } from '@harmony/kit';
 import { ArrowLeft, ArrowRight } from 'iconsax-react';
 import { useTranslation } from 'react-i18next';
 import { productsData } from '@/data/products';

src/components/layout/Toolbar.tsx

@@ -1,5 +1,5 @@
 import { Box, IconButton, Toolbar as MuiToolbar } from '@mui/material';
-import { Icon } from '@rkheftan/harmony-ui';
+import { Icon } from '@harmony/kit';
 import { HambergerMenu, Menu } from 'iconsax-react';
 import { useState, type Dispatch, type SetStateAction } from 'react';
 import type { UserInfo } from '@/contexts/AuthContext';

src/components/layout/buildNavItems.tsx

@@ -2,7 +2,7 @@
 
 import { useTranslation } from 'react-i18next';
 import { type RouteConfig } from '@/routes/config';
-import { Icon, type NavItemConfig } from '@rkheftan/harmony-ui';
+import { Icon, type NavItemConfig } from '@harmony/kit';
 import type { Icon as Iconsax } from 'iconsax-react';
 
 const getIcon = (icon?: Iconsax) => (isSelected: boolean) =>

src/components/routes/NavigateWithToast.tsx

@@ -1,4 +1,4 @@
-import { useToast, type ToastOptions } from '@rkheftan/harmony-ui';
+import { useToast, type ToastOptions } from '@harmony/kit';
 import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Navigate } from 'react-router-dom';