Full Changelog: https://github.com/spupuz/VibeNVR/compare/v1.18.1...v1.18.2

Release v1.18.2 - UI Harmonization & Standardization

This patch release focuses on standardizing the frontend design system, improving consistency across the application, and harmonizing the UI components.

🎨 UI/UX Improvements

• Design System Harmonization: Standardized all inputs, buttons, and modals to use consistent border radii (rounded-lg, rounded-xl) and colors.
• Button Standardization: Replaced all raw HTML buttons with a unified Button component supporting multiple variants (default, outline, ghost, destructive).
• Cameras Page:
  • Action Buttons: Updated "Add Camera", "Export All", and "Import" buttons to use the outline variant for better visibility.
  • File Inputs: Refactored import functionality to use useRef for a cleaner implementation.
• Settings Page:
  • Backup & Restore: Updated "Export Config" and "Import Config" buttons to use the outline variant.
  • Maintenance: Updated "Recover Orphaned Recordings" button to use the outline variant.
  • User Management: Standardized "Add User" and "Generate Token" buttons.

🛠️ Technical Changes

• Refactoring: Replaced custom input and select elements with InputField and SelectField components in Settings.jsx and Cameras.jsx.
• Code Cleanup: Removed dead code and styling inconsistencies.
• Documentation: Added STYLE.md to document the design system and component usage guidelines.
• Backend: Updated package version to 1.18.2 in main.py and package.json.

🐛 Bug Fixes

• Fixed a JSX syntax error in Settings.jsx.
• Fixed missing component references in Cameras.jsx.