chore: update next demo

Author: AleksandrSl

cmp/demo/next16/app/layout.tsx

@@ -18,7 +18,7 @@ export const metadata: Metadata = {
   description: "Generated by create next app",
 };
 
-export default async function RootLayout({
+export default function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;

cmp/demo/next16/app/page.tsx

@@ -15,6 +15,8 @@ export default function Home() {
     </>
   );
 
+  const something = { cool: "cool", translatedCool: <>translated cool</> };
+
   return (
     <main className="flex w-full min-h-screen flex-col items-center bg-white dark:bg-black sm:items-start">
       <header className="flex justify-between p-10 w-full">
@@ -57,6 +59,10 @@ export default function Home() {
           {translatableText}
           {"</>"}
         </div>
+        <div>
+          What happens if I use a property {something.cool} and{" "}
+          {something.translatedCool}
+        </div>
         <div>
           Text external to the component is not translated: {externalText}
         </div>