feat: Add real-time IO/interlock updates, HW status display, and history page

- Implement real-time IO value updates via IOValueChanged event
- Add interlock toggle and real-time interlock change events
- Fix ToggleLight to check return value of DIO.SetRoomLight
- Add HW status display in Footer matching WinForms HWState
- Implement GetHWStatus API and 250ms broadcast interval
- Create HistoryPage React component for work history viewing
- Add GetHistoryData API for database queries
- Add date range selection, search, filter, and CSV export
- Add History button in Header navigation
- Add PickerMoveDialog component for manage operations
- Fix DataSet column names (idx, PRNATTACH, PRNVALID, qtymax)

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

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

FrontEnd/components/layout/Header.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
-import { Activity, Settings, Move, Camera, Layers, Cpu, Target, Lightbulb, Printer, XCircle, Package, BookOpen } from 'lucide-react';
+import { Activity, Settings, Move, Camera, Layers, Cpu, Target, Lightbulb, Printer, XCircle, Package, BookOpen, History, Clock } from 'lucide-react';
 import { VisionMenu } from '../VisionMenu';
 import { FunctionMenu } from '../FunctionMenu';
 import { ManualPrintDialog, PrintData } from '../ManualPrintDialog';
@@ -127,6 +127,20 @@ export const Header: React.FC<HeaderProps> = ({ currentTime, onTabChange, active
                         <XCircle className="w-5 h-5" />
                         <span className="leading-tight">CANCEL</span>
                     </button>
+                    <button
+                        onClick={() => {
+                            navigate('/history');
+                            onTabChange(null);
+                        }}
+                        className={`flex flex-col items-center justify-center gap-1 px-3 py-2 rounded-xl font-tech font-bold text-[10px] transition-all border border-transparent min-w-[70px] ${location.pathname === '/history'
+                            ? 'bg-neon-blue/10 text-neon-blue border-neon-blue shadow-glow-blue'
+                            : 'text-slate-400 hover:text-purple-400 hover:bg-white/5'
+                            }`}
+                        title="View Work History"
+                    >
+                        <Clock className="w-5 h-5" />
+                        <span className="leading-tight">HISTORY</span>
+                    </button>
                 </div>
 
                 {/* Main Navigation */}