Fix build errors (#39)

### TL;DR

Fixed dependency arrays in useEffect hooks and added error logging for the fixer function.

### What changed?

- Added error logging in the generate route when the fixer function fails, making it easier to debug issues
- Fixed the dependency array in the CodeEditor component's useEffect hook to properly include the `files` dependency instead of just `files.length`
- Added missing dependencies (`currentDescription` and `form`) to the PromptForm component's useEffect hook

### How to test?

1. Check the console logs when the fixer function fails to ensure errors are properly logged
2. Verify that the CodeEditor correctly selects the first file when files are loaded
3. Test the PromptForm component with buggy code toggling to ensure the description field updates correctly

### Why make this change?

These changes improve the application's stability and maintainability by:
- Providing better error visibility when the fixer function fails
- Preventing potential React hook dependency issues that could cause unexpected behavior
- Ensuring the useEffect hooks run at the appropriate times with all necessary dependencies

Author: juancastano

app/api/generate/route.ts

@@ -71,6 +71,7 @@ export async function POST(request: NextRequest) {
                 }
             } catch (error) {
                 // Continue with original files if fixer fails
+                console.error('Fixer failed:', error);
             }
         }
 

components/ui-builder/code-editor.tsx

@@ -99,7 +99,7 @@ export function CodeEditor({ files = [] }: CodeEditorProps) {
         if (!selectedFilePath && files.length > 0) {
             setSelectedFilePath(files[0].path);
         }
-    }, [files.length, selectedFilePath]); // Use files.length instead of files array
+    }, [files, selectedFilePath]); // Include files since we access files[0]
 
     // Get file icon based on extension
     const getFileIcon = (path: string) => {

components/ui-builder/prompt-form.tsx

@@ -50,7 +50,7 @@ export function PromptForm() {
         } else if (!watchUseBuggyCode && currentDescription === buggyCodeText) {
             form.setValue('description', '');
         }
-    }, [watchUseBuggyCode]);
+    }, [watchUseBuggyCode, currentDescription, form]);
 
     async function onSubmit(values: z.infer<typeof formSchema>) {
         // Store the prompt and settings in sessionStorage and navigate immediately