feat: Add detailed recipe preview in list items

- Extended Recipe interface with additional fields (Motion, Barcode types, flags)
- Recipe list items now show detailed information when selected:
  - Motion model name in green
  - Barcode type badges (1D/QR/DM) with color coding
  - Feature flags (No Cam, No Print, Auto Out) as compact badges
  - Last modified date at bottom
- Selected recipes load full data and update preview automatically
- Enhanced visual hierarchy with borders, spacing, and color coding

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

FrontEnd/types.ts

@@ -19,6 +19,14 @@ export interface Recipe {
   id: string;
   name: string;
   lastModified: string;
+  Motion?: string;
+  BCD_1D?: boolean;
+  BCD_QR?: boolean;
+  BCD_DM?: boolean;
+  DisableCamera?: boolean;
+  DisablePrinter?: boolean;
+  AutoOutConveyor?: number;
+  [key: string]: any;
 }
 
 export interface IOPoint {