//Sidebar & Button related code
import React from 'react';
import { useRouter, usePathname, pathnames } from '@/src/navigation';
import { useLocale, useTranslations } from 'next-intl';

const JobSeekerSidebar: React.FC<JobSeekerSidebarProps> = () => {
  const router = useRouter();
  const pathname = usePathname();

  const handleButtonClick = (path: keyof typeof pathnames) => {
    router.push(path);
  };

..//

  return (
 <IconButton
onClick={() => handleButtonClick(`/user/${user?.id}` as keyof typeof pathnames)}
isActive={pathname === `/user/${user?.id}`}
/>

// navigation.ts
import { createLocalizedPathnamesNavigation, Pathnames } from "next-intl/navigation";

export const locales = ["en", "ro"] as const;
export type Locale = typeof locales;
export const localePrefix = "always";

export const pathnames = {

"/user/:userId": {
en: "/en/user/:userId",
ro: "/ro/utilizator/:userId",
  },
} satisfies Pathnames<typeof locales>;

export const {
  Link,
  redirect,
  usePathname,
  useRouter,
  getPathname,
} = createLocalizedPathnamesNavigation({ locales, pathnames });

//next config:
import createNextIntlPlugin from 'next-intl/plugin';
const withNextIntl = createNextIntlPlugin();

/** @type {import('next').NextConfig} */
const nextConfig = {
  async rewrites() {
return [
{
source: '/ro/utilizator/:userId',
destination: '/ro/user/:userId',
},
{
source: '/en/user/:userId',
destination: '/en/user/:userId',
},
];
},
};

export default withNextIntl(nextConfig);