Finalize multilingual routing and translations

app/[locale]/layout.tsx

@@ -4,8 +4,8 @@ import { NextIntlClientProvider } from "next-intl";
 import { getMessages, setRequestLocale } from "next-intl/server";
 import { notFound } from "next/navigation";
 
-import { ThemeProvider } from "@/components/theme-provider";
 import { routing } from "@/i18n/routing";
+import { getDirection } from "@/lib/locale";
 
 type LocaleLayoutProps = {
   children: ReactNode;
@@ -37,7 +37,7 @@ export default async function LocaleLayout({
 
   return (
     <NextIntlClientProvider messages={messages}>
-      <ThemeProvider>{children}</ThemeProvider>
+      <div lang={locale} dir={getDirection(locale)}>{children}</div>
     </NextIntlClientProvider>
   );
 }