Problems: auto-fix & problem panel (#541)

Test cases:
- [x] create-ts-errors
  - [x] with auto-fix
  - [x] without auto-fix 
- [x] create-unfixable-ts-errors
- [x] manually edit file & click recheck
- [x] fix all
- [x] delete and rename case

THINGS
- [x] error handling for checkProblems isn't working as expected
- [x] make sure it works for both default templates (add tests) 
- [x] fix bad animation
- [x] change file context (prompt/files)

IF everything passes in Windows AND defensive try catch... then enable
by default
- [x] enable auto-fix by default

src/pages/settings.tsx

@@ -17,6 +17,7 @@ import { GitHubIntegration } from "@/components/GitHubIntegration";
 import { SupabaseIntegration } from "@/components/SupabaseIntegration";
 import { Switch } from "@/components/ui/switch";
 import { Label } from "@/components/ui/label";
+import { AutoFixProblemsSwitch } from "@/components/AutoFixProblemsSwitch";
 
 export default function SettingsPage() {
   const { theme, setTheme } = useTheme();
@@ -110,6 +111,13 @@ export default function SettingsPage() {
               </div>
             </div>
 
+            <div className="space-y-1 mt-4">
+              <AutoFixProblemsSwitch />
+              <div className="text-sm text-gray-500 dark:text-gray-400">
+                This will automatically fix TypeScript errors.
+              </div>
+            </div>
+
             <div className="space-y-1 mt-4">
               <div className="flex items-center space-x-2">
                 <Switch