Add visual .env editor with folders, icons, and colors

[TopProjectsCreator]

Motivation

• Provide a visual editor for .env files so users can manage secrets with friendly metadata (name, key/value, icon, color) and organize them into named folders.
• Persist UI metadata alongside standard KEY=value lines so metadata round-trips with the file while keeping files compatible with existing tools.

Description

• Added a new EnvFileEditor component at src/components/ide/EnvFileEditor.tsx that implements folder management and secret cards with fields for name, key, value, icon, and color.
• Implemented parsing and serialization that stores metadata in comment records prefixed with # code-canvas: while preserving normal KEY=value lines in the .env content.
• Wired CodeEditor (src/components/ide/CodeEditor.tsx) to import EnvFileEditor and route .env and .env.* files to the visual editor instead of the plain text preview.
• Added UI affordances for creating/deleting folders and secrets and selecting icons/colors using existing UI primitives (Button, Input, Select, ScrollArea, lucide icons).

Testing

• Ran the production build with npm run build, which completed successfully.

---

Codex Task