Anyone have any tips on translating my web app while using the app router, i dont seem to need any SSR translating as of now.

I know i can just do app/[lang]/layout.tsx but i dont want my URL to be changed or have to use www.webapp/en/dashboard.com i just want to stick with basic urls www.webapp/en/dashboard.com or www.webapp/dashboard/categories.com and just do handle my translations on the client
Pretty much just want to read the users locale setting in the browser/their device and just translate my web app of that
assuming there would be some config id need to write in the rewrites, unless theres a similar solution.

for reference https://locize.com/blog/next-app-dir-i18n/#step-5