wanted to prevent my back/forward pages from being cached in next js i am using client components , i have tried the options mentioned in the docs such adding these variables to my page.js , layout.js files

export const fetchCache = "force-no-store";
export const dynamic = 'force-dynamic'
export const revalidate = false;

adding a meta tag

 <meta name="cache-control" content="no-cache, no-store, must-revalidate" />

, i adjusted the next.config to

/** @type {import('next').NextConfig} */
const nextConfig = {
  async headers() {
    return [
      {
        source: '/(.*)',
        headers: [
          {
            key: 'Cache-Control',
            value: 'no-store, no-cache, must-revalidate, proxy-revalidate',
          },
        ],
      },
    ];
  },
};
export default nextConfig;

as well but all of these solutions didn't work