favorite page and comment page

src/app/profile/components/Menu.tsx

@@ -3,15 +3,21 @@ import MenuItem from './MenuItem'
 import { Button } from '@/components/ui/button'
 import { LogoutCurve } from 'iconsax-react'
 
-const Menu: FC = () => {
+type Props = {
+    pageActive: 'profile' | 'favorite' | 'comments' | 'chat' | 'orders'
+}
+
+const Menu: FC<Props> = (props) => {
+    const { pageActive } = props
+
     return (
         <div className='h-20 flex justify-between items-center bg-[#FAFAFA] rounded-[10px] border border-border px-10'>
             <div className='flex gap-10'>
-                <MenuItem href='/profile' icon='user' text='پروفایل کاربری' isActive={true} />
-                <MenuItem href='/profile/favorite' icon='heart' text='علاقه مندی ها' isActive={false} />
-                <MenuItem href='/profile/comments' icon='comment' text='نظرات من' isActive={false} />
-                <MenuItem href='/profile/chat' icon='chat' text='گفتگو' isActive={false} />
-                <MenuItem href='/profile/orders' icon='orders' text='سفارشات' isActive={false} />
+                <MenuItem href='/profile' icon='user' text='پروفایل کاربری' isActive={pageActive === 'profile'} />
+                <MenuItem href='/profile/favorite' icon='heart' text='علاقه مندی ها' isActive={pageActive === 'favorite'} />
+                <MenuItem href='/profile/comments' icon='comment' text='نظرات من' isActive={pageActive === 'comments'} />
+                <MenuItem href='/profile/chat' icon='chat' text='گفتگو' isActive={pageActive === 'chat'} />
+                <MenuItem href='/profile/orders' icon='orders' text='سفارشات' isActive={pageActive === 'orders'} />
             </div>
 
             <Button className='bg-[#F2F2F2] h-12'>