feat: Migrate RecipePage to use real OPModel data

- Updated RecipePage to load actual recipe data from OPModel table
- Added GetRecipe() and SaveRecipe() methods to communication layer
- Implemented real-time recipe editing with change tracking
- Added type definitions for GetRecipe and SaveRecipe in types.ts
- Recipe editor now displays all major fields:
  - Basic Settings (Motion Model, Auto Out Conveyor, Vendor Name, MFG)
  - Barcode Settings (1D, QR, Data Matrix)
  - Feature Flags (IgnoreOtherBarcode, DisableCamera, etc.)
- Copy and Delete operations now use recipe Title instead of id
- Added unsaved changes warning when switching recipes

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

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

FrontEnd/types.ts

@@ -65,6 +65,8 @@ declare global {
             GetConfig(): Promise<string>;
             GetIOList(): Promise<string>;
             GetRecipeList(): Promise<string>;
+            GetRecipe(recipeTitle: string): Promise<string>;
+            SaveRecipe(recipeTitle: string, recipeData: string): Promise<string>;
             SaveConfig(configJson: string): Promise<void>;
           }
         };