Update I18N provider

src/app/(main)/invoice/page.tsx

@@ -1,5 +1,5 @@
 import { Metadata } from "next";
-import { getServerI18n } from "@/i18n";
+import { getServerI18n, I18nProvider } from "@/i18n";
 import Add from "@mui/icons-material/Add";
 import Button from "@mui/material/Button";
 import Stack from "@mui/material/Stack";
@@ -36,7 +36,9 @@ const Invoice: React.FC = async () => {
         </Button> */}
       </Stack>
       <Suspense fallback={<InvoiceSearch.Loading />}>
-        <InvoiceSearch />
+        <I18nProvider namespaces={['invoices','common']}>
+          <InvoiceSearch />
+        </I18nProvider>
       </Suspense>
     </>
   )