test: update form input tests to expect bg-surface instead of bg-background

apps/playground/eslint.config.mjs

@@ -0,0 +1,16 @@
+import reactConfig from '@tpmjs/eslint-config/react.js';
+
+export default [
+  {
+    ignores: [
+      '.next/**',
+      '.turbo/**',
+      'node_modules/**',
+      '*.config.js',
+      '*.config.ts',
+      'next-env.d.ts',
+      'eslint.config.mjs',
+    ],
+  },
+  ...reactConfig,
+];

apps/playground/postcss.config.mjs

@@ -1,6 +1,8 @@
-export default {
+const config = {
   plugins: {
     tailwindcss: {},
     autoprefixer: {},
   },
 };
+
+export default config;

apps/playground/src/components/chat/ChatMessages.tsx

@@ -26,7 +26,7 @@ export function ChatMessages({
         <div className="text-center text-foreground-secondary">
           <div className="mb-2 text-4xl">🐟</div>
           <p className="text-lg">Start chatting to test TPMJS tools</p>
-          <p className="mt-2 text-sm">Try asking: "Tell me a fish joke"</p>
+          <p className="mt-2 text-sm">Try asking: &ldquo;Tell me a fish joke&rdquo;</p>
         </div>
       </div>
     );