feat(web): integrate RxDB for settings management and refactor settings handling

[Red-Asuka]

This pull request includes significant updates to the MQTTX application, focusing on internationalization, database integration, and UI improvements. The changes include refactoring the i18n setup, integrating RxDB for settings management, and updating various UI components to support the new database structure.

Internationalization and Localization:

• apps/desktop/src/renderer/src/App.vue and apps/web/src/App.vue: Refactored to use useI18n for locale management instead of useSettingsStore to improve the handling of language settings.
• packages/ui/src/i18n/connections.ts: Updated and added new translations for various MQTT connection-related messages. [1] [2] [3] [4] [5]

Database Integration:

• apps/web/src/database/index.ts: Introduced RxDB for managing application settings, including setting up the database and collections.
• apps/web/src/database/schemas/Settings.schema.ts: Defined the schema for settings in the RxDB database.
• apps/web/src/database/services/SettingsService.ts: Created a service for interacting with the settings in the RxDB database.

UI Updates:

• apps/desktop/src/renderer/src/pages/help.vue and apps/web/src/pages/help.vue: Added a new HelpView component to the help page.
• apps/desktop/src/renderer/src/pages/settings.vue and apps/web/src/pages/settings.vue: Updated the settings page to bind with the new settings service. [1] [2]
• packages/ui/src/components/SettingsView.vue: Enhanced the settings view component to reflect the new settings schema and service.

Dependency Updates:

• apps/web/package.json: Added rxdb and rxjs dependencies to support the new database integration.

These changes collectively improve the maintainability, scalability, and user experience of the MQTTX application by leveraging a more robust database solution and enhancing internationalization support.