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

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) =>