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/stores/StateStore.ts

@@ -39,6 +39,8 @@ interface StateStore {
 
   snackbarData: {
     show: boolean;
+    progressBar: number;
+    progressBarColor: string;
     message: string;
     color: string;
     timeout: number;
@@ -86,6 +88,8 @@ export const useStateStore = defineStore("state", {
 
       snackbarData: {
         show: false,
+        progressBar: -1,
+        progressBarColor: "info",
         message: "No Message",
         color: "info",
         timeout: 2000
@@ -158,11 +162,19 @@ export const useStateStore = defineStore("state", {
     updateDiscoveredCameras(data: VsmState) {
       this.vsmState = data;
     },
-    showSnackbarMessage(data: { message: string; color: string; timeout?: number }) {
+    showSnackbarMessage(data: {
+      message: string;
+      color: string;
+      timeout?: number;
+      progressBar?: number;
+      progressBarColor?: string;
+    }) {
       this.snackbarData = {
         show: true,
+        progressBar: data.progressBar || -1,
         message: data.message,
         color: data.color,
+        progressBarColor: data.progressBarColor || "",
         timeout: data.timeout || 2000
       };
     }