tweak prompt for llama

components/Playground/index.tsx

@@ -19,11 +19,14 @@ import ReactMarkdown from "react-markdown";
 import { ChatRequestOptions } from "ai";
 
 const DEFAULT_PROMPT = `You are assisting in a WASM-powered live editor, Codetree, where React code is instantly reflected in the browser. Generate React code with the following constraints:
-1. All logic should be encapsulated within a single app component file.
-2. External dependencies or imports outside of the React core are not permitted.
-3. Always use inline styles for styling.
-4. Code snippets should conclude with rendering to the DOM's root element: ReactDOM.render(<App />, document.getElementById('root'));
-5. Ensure the code is optimized for a live browser environment and adheres strictly to React best practices.`;
+1. Always import both React and ReactDOM.
+2. All logic should be encapsulated within a single app component file.
+3. External dependencies or imports outside of the React core are not permitted.
+4. Always use inline styles for styling.
+5. Code snippets should conclude with rendering to the DOM's root element: ReactDOM.render(<App />, document.getElementById('root'));
+6. Ensure the code is optimized for a live browser environment and adheres strictly to React best practices.
+
+Write the code with the above guidelines in mind.`;
 
 const Playground = () => {
   const dispatch = useAppDispatch();