feat: Implement vision menu, processed data panel, and UI improvements

- Add VisionMenu component with Camera (QRCode) and Barcode (Keyence) submenus
- Remove old CameraPanel component and replace with dropdown menu structure
- Add ProcessedDataPanel to display processed data in bottom dock (5 rows visible)
- Create SystemStatusPanel component with horizontal button layout (START/STOP/RESET)
- Create EventLogPanel component for better code organization
- Add device initialization feature with 7-axis progress tracking
- Add GetProcessedData and GetInitializeStatus backend methods
- Update Header menu layout to vertical (icon on top, text below) for more space
- Update HomePage layout with bottom-docked ProcessedDataPanel
- Refactor HomePage to use new modular components

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

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

FrontEnd/types.ts

@@ -58,6 +58,26 @@ export interface ConfigItem {
   Description: string;
 }
 
+export interface ProcessedDataRow {
+  target: string;
+  JTYPE: string;
+  STIME: string;
+  BATCH: string;
+  SID: string;
+  RID: string;
+  VNAME: string;
+  LOC: string;
+  QTY: number;
+  qtymax: number;
+  MFGDATE: string;
+  VLOT: string;
+  PARTNO: string;
+  MCN: string;
+  REMARK: string;
+  PRNATTACH: boolean;
+  PRNVALID: boolean;
+}
+
 declare global {
   interface Window {
     chrome?: {
@@ -76,6 +96,9 @@ declare global {
             GetRecipe(recipeTitle: string): Promise<string>;
             SaveRecipe(recipeTitle: string, recipeData: string): Promise<string>;
             SaveConfig(configJson: string): Promise<void>;
+            InitializeDevice(): Promise<string>;
+            GetInitializeStatus(): Promise<string>;
+            GetProcessedData(): Promise<string>;
           }
         };
         addEventListener(type: string, listener: (event: any) => void): void;