Use progress bar for file uploads (#2148)

## Description
<img width="3840" height="2160" alt="image"
src="https://github.com/user-attachments/assets/c0289923-a6c8-48b9-84c1-ce92c7acbc9d"
/>
<img width="3840" height="2160" alt="image"
src="https://github.com/user-attachments/assets/3b58c7d0-e12e-45d6-b328-c3061949349a"
/>


closes #871

## Meta

Merge checklist:
- [x] Pull Request title is [short, imperative
summary](https://cbea.ms/git-commit/) of proposed changes
- [ ] The description documents the _what_ and _why_
- [ ] If this PR changes behavior or adds a feature, user documentation
is updated
- [ ] If this PR touches photon-serde, all messages have been
regenerated and hashes have not changed unexpectedly
- [ ] If this PR touches configuration, this is backwards compatible
with settings back to v2025.3.2
- [ ] If this PR touches pipeline settings or anything related to data
exchange, the frontend typing is updated
- [ ] If this PR addresses a bug, a regression test for it is added

photon-client/src/components/app/photon-error-snackbar.vue

@@ -13,5 +13,15 @@ import { useStateStore } from "@/stores/StateStore";
     <p style="padding: 0; margin: 0; text-align: center">
       {{ useStateStore().snackbarData.message }}
     </p>
+    <v-progress-linear
+      v-if="useStateStore().snackbarData.progressBar != -1"
+      v-model="useStateStore().snackbarData.progressBar"
+      height="15"
+      :color="useStateStore().snackbarData.progressBarColor"
+    >
+      <template #default="{ value }">
+        <strong> {{ Math.ceil(value) }}% </strong>
+      </template>
+    </v-progress-linear>
   </v-snackbar>
 </template>

photon-client/src/components/settings/DeviceControlCard.vue

@@ -40,9 +40,11 @@ const handleOfflineUpdate = () => {
       const uploadPercentage = (progress || 0) * 100.0;
       if (uploadPercentage < 99.5) {
         useStateStore().showSnackbarMessage({
-          message: "New Software Upload in Process, " + uploadPercentage.toFixed(2) + "% complete",
+          message: "New Software Upload in Progress",
           color: "secondary",
-          timeout: -1
+          timeout: -1,
+          progressBar: uploadPercentage,
+          progressBarColor: "primary"
         });
       } else {
         useStateStore().showSnackbarMessage({

photon-client/src/components/settings/ObjectDetectionCard.vue

@@ -144,9 +144,11 @@ const handleBulkImport = () => {
       const uploadPercentage = (progress || 0) * 100.0;
       if (uploadPercentage < 99.5) {
         useStateStore().showSnackbarMessage({
-          message: "Object Detection Models Upload in Process, " + uploadPercentage.toFixed(2) + "% complete",
+          message: "Object Detection Models Upload in Progress",
           color: "secondary",
-          timeout: -1
+          timeout: -1,
+          progressBar: uploadPercentage,
+          progressBarColor: "primary"
         });
       } else {
         useStateStore().showSnackbarMessage({