feat(automaker): enhance feature management and UI components

- Updated `.gitignore` to include agent context files and user-uploaded images for better organization.
- Added "Uncategorized" category to `categories.json` for improved feature classification.
- Populated `feature_list.json` with new features, including detailed descriptions and image attachments for better context.
- Changed application icon to `icon_gold.png` for a refreshed look.
- Enhanced `AutoModeService` to support max concurrency and periodic checks, improving feature execution management.
- Updated image handling in `DescriptionImageDropZone` to save images in the project directory.
- Improved UI components with better styling and responsiveness, including drag-and-drop functionality for project management.

This update significantly enhances the feature management process and user experience within the application.

app/src/components/views/agent-output-modal.tsx

@@ -202,13 +202,13 @@ export function AgentOutputModal({
   return (
     <Dialog open={open} onOpenChange={onClose}>
       <DialogContent
-        className="max-w-4xl max-h-[80vh] flex flex-col"
+        className="w-[90vw] max-w-[90vw] max-h-[80vh] flex flex-col"
         data-testid="agent-output-modal"
       >
         <DialogHeader className="flex-shrink-0">
           <div className="flex items-center justify-between">
             <DialogTitle className="flex items-center gap-2">
-              <Loader2 className="w-5 h-5 text-purple-500 animate-spin" />
+              <Loader2 className="w-5 h-5 text-primary animate-spin" />
               Agent Output
             </DialogTitle>
             <div className="flex items-center gap-1 bg-zinc-900/50 rounded-lg p-1">
@@ -216,7 +216,7 @@ export function AgentOutputModal({
                 onClick={() => setViewMode("parsed")}
                 className={`flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-all ${
                   viewMode === "parsed"
-                    ? "bg-purple-500/20 text-purple-300 shadow-sm"
+                    ? "bg-primary/20 text-primary shadow-sm"
                     : "text-zinc-400 hover:text-zinc-200 hover:bg-zinc-800/50"
                 }`}
                 data-testid="view-mode-parsed"
@@ -228,7 +228,7 @@ export function AgentOutputModal({
                 onClick={() => setViewMode("raw")}
                 className={`flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-all ${
                   viewMode === "raw"
-                    ? "bg-purple-500/20 text-purple-300 shadow-sm"
+                    ? "bg-primary/20 text-primary shadow-sm"
                     : "text-zinc-400 hover:text-zinc-200 hover:bg-zinc-800/50"
                 }`}
                 data-testid="view-mode-raw"
@@ -249,7 +249,7 @@ export function AgentOutputModal({
         <div
           ref={scrollRef}
           onScroll={handleScroll}
-          className="flex-1 overflow-y-auto bg-zinc-950 rounded-lg p-4 font-mono text-sm min-h-[400px] max-h-[60vh]"
+          className="flex-1 overflow-y-auto bg-zinc-950 rounded-lg p-4 font-mono text-xs min-h-[400px] max-h-[60vh]"
         >
           {isLoading && !output ? (
             <div className="flex items-center justify-center h-full text-muted-foreground">