Implement Settings functionality (User Profile and App Settings)

[luizhcastro]

Description

Create a comprehensive Settings page/functionality that allows users to manage both their user profile settings and application-level settings. This should be a full-stack implementation covering frontend UI and backend API endpoints.

Motivation

• Provide users with centralized control over their profile and preferences
• Enable customization of the application experience through hotkeys and plugins
• Improve user experience by offering granular control over app behavior
• Establish a scalable settings architecture for future configurations

Scope

User Profile Settings

• Personal information (name, email, avatar)
• Account preferences
• Notification settings
• Privacy settings
• Password/security management

Application Settings

• Hotkeys/keyboard shortcuts configuration
• Theme and appearance preferences
• Plugin management (enable/disable, configure)
• General app behavior preferences
• Language and localization settings

Technical Requirements

• Frontend: Settings UI with navigation between sections
• Backend: RESTful API endpoints for settings CRUD operations
• Database schema for storing user preferences
• Validation and error handling
• Real-time updates when settings change

Acceptance Criteria

• Users can access settings page from the main navigation
• Settings are organized in clear, logical sections
• Changes are persisted to the database
• Settings are applied immediately or require explicit save action (to be defined)
• Responsive design for all screen sizes
• Proper error messages and validation feedback
• Backend API is secure and validates all inputs

Technical Considerations

• Consider using a tab or sidebar navigation for different settings sections
• Implement proper state management for settings data
• Ensure settings sync across devices/sessions
• Plan for extensibility to add new settings categories