Create component to allow use NextIntlClientProvider on async components

following the owner of the library comment: amannn/next-intl#406 (comment)

src/components/IntlWrapperForAsync/IntlWrapperForAsync.tsx

@@ -0,0 +1,17 @@
+import { NextIntlClientProvider, useMessages } from 'next-intl';
+import pick from 'lodash.pick';
+
+export default function IntlWrapperForAsync({
+  children,
+  propertyName,
+}: {
+  children: React.ReactNode;
+  propertyName: string;
+}) {
+  const messages = useMessages();
+  return (
+    <NextIntlClientProvider messages={pick(messages, propertyName)}>
+      {children}
+    </NextIntlClientProvider>
+  );
+}