Add update progress indicator

[yannicksiewe]

Description

Currently, when an update process is initiated, there is no clear visual indication of its progress. This can lead to uncertainty for users, as they do not know whether the update is in progress, completed, or stuck.

To enhance user experience and provide better feedback, we should implement a progress indicator that reflects the current status of the update operation.

Expected Behavior

• Display a progress indicator (e.g., spinner, progress bar, or percentage) when an update starts.
• Update the progress dynamically based on the actual update status.
• Provide a success or failure message upon completion.

Possible Implementation Approaches

• Frontend (UI Enhancement): Add a loading spinner or a progress bar that updates in real time.
• In the background: If the update process has multiple stages, consolidate them in one progress percentage/bar.
• Logging & User Feedback: Ensure error handling is properly communicated to the user in case of failure.

Additional Considerations

• The implementation should be lightweight and not introduce unnecessary overhead.
• It should be compatible with different update mechanisms used in the project.
• Consider using WebSockets or polling if real-time updates are required.

[Calebasah]

WIP.

[ArmandMeppa]

OTA Update Functionalities

• Tell if the app is up to date or not
• Disable the Update button if the app is up to date
• Enable the Update button if the app is not up to date
• Have an indicator (Progress bar, etc...) when the update is in progress
• Provide a success or failure message upon completion.

[yannicksiewe]

WIP

[Calebasah]

WIP

[ArmandMeppa]

[Calebasah]

WIP.

[ArmandMeppa]

Testing by @Calebasah @MarantosGeorge and @stephane-segning