feat: restructure feature management and update project files

- Introduced a new `package-lock.json` to manage dependencies.
- Removed obsolete `.automaker/feature_list.json` and replaced it with a new structure under `.automaker/features/{id}/feature.json` for better organization.
- Updated various components to utilize the new features API for managing features, including creation, updates, and deletions.
- Enhanced the UI to reflect changes in feature management, including updates to the sidebar and board view.
- Improved documentation and comments throughout the codebase to clarify the new feature management process.

app/src/components/views/interview-view.tsx

@@ -300,26 +300,20 @@ export function InterviewView() {
         generatedSpec
       );
 
-      // Create initial .automaker/feature_list.json
-      await api.writeFile(
-        `${fullProjectPath}/.automaker/feature_list.json`,
-        JSON.stringify(
-          [
-            {
-              category: "Core",
-              description: "Initial project setup",
-              steps: [
-                "Step 1: Review app_spec.txt",
-                "Step 2: Set up development environment",
-                "Step 3: Start implementing features",
-              ],
-              passes: false,
-            },
-          ],
-          null,
-          2
-        )
-      );
+      // Create initial feature in the features folder
+      const initialFeature = {
+        id: `feature-${Date.now()}-0`,
+        category: "Core",
+        description: "Initial project setup",
+        status: "backlog",
+        steps: [
+          "Step 1: Review app_spec.txt",
+          "Step 2: Set up development environment",
+          "Step 3: Start implementing features",
+        ],
+        skipTests: true,
+      };
+      await api.features.create(fullProjectPath, initialFeature);
 
       const project = {
         id: `project-${Date.now()}`,
@@ -432,20 +426,20 @@ export function InterviewView() {
               className={cn(
                 "max-w-[80%]",
                 message.role === "user"
-                  ? "bg-primary text-primary-foreground"
+                  ? "bg-transparent border border-primary text-foreground"
                   : "border-l-4 border-primary bg-card"
               )}
             >
-              <CardContent className="p-3">
+              <CardContent className="px-3 py-2">
                 <p className={cn(
                   "text-sm whitespace-pre-wrap",
                   message.role === "assistant" && "text-primary"
                 )}>{message.content}</p>
                 <p
                   className={cn(
-                    "text-xs mt-2",
+                    "text-xs mt-1",
                     message.role === "user"
-                      ? "text-primary-foreground/70"
+                      ? "text-muted-foreground"
                       : "text-primary/70"
                   )}
                 >