Next.js 14 with app router flickering on locale change

I'm experiencing persistent flickering issues in my [login to view URL] version 14 project. This problem is impacting the user experience across various browsers, including Google Chrome, Mozilla Firefox, and Safari. My project integrates Daisy UI for UI components, next-themes for theme management, and next-intl for internationalization support. These libraries, combined with dynamic content updates, seem to exacerbate the flickering issue. Key Responsibilities: - Diagnose and resolve the flickering issues, its happening once. - Ensure seamless integration and performance of Daisy UI, next-themes, and next-intl within the [login to view URL] environment. - Optimize rendering to minimize layout shifts and improve user experience across all targeted browsers. Ideal Skills: - Proficiency in [login to view URL] version 14, with a focus on app router, Daisy UI, next-themes, and next-intl. - Strong understanding of both server-side and client-side rendering techniques in Next.js. - Excellent problem-solving skills with an emphasis on front-end performance optimization and user experience enhancement. The objective is to eliminate the flickering problem, thereby ensuring a smooth, stable, and visually consistent experience for users across all major browsers.