"use client"; import { useLocale } from "next-intl"; import { notFound } from "next/navigation"; import "../globals.css"; import type { Metadata } from "next"; import { Inika } from "next/font/google"; import { ReactNode } from "react"; import { NextIntlClientProvider } from "next-intl"; import Header from "./components/layout/Header"; import Bottom from "./components/layout/Bottom"; const inika = Inika({ weight: "400", subsets: ["latin"] }); export const metadata: Metadata = { title: "Volume24h", description: "Volume24h", }; interface RootLayoutProps { children: ReactNode; params: any; // You can specify the type of 'params' as per your requirements } export default async function RootLayout({ children, params, }: RootLayoutProps) { const locale = useLocale(); let messages; try { messages = (await import(`../../messages/${locale}.json`)).default; } catch (error) { notFound(); } return (