Upload tweak (#7206)

* make uploadprogress display consistently in custom components

* add engines

* add changeset

* add changeset

* bump ci pnpm version

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: Abubakar Abid <abubakar@huggingface.co>

.changeset/eager-rivers-rescue.md

@@ -0,0 +1,6 @@
+---
+"@gradio/upload": patch
+"gradio": patch
+---
+
+feat:Upload tweak

.github/actions/install-frontend-deps/action.yml

@@ -28,7 +28,7 @@ runs:
       if: steps.frontend-cache.outputs.cache-hit != 'true' || inputs.always-install-pnpm == 'true'
       uses: pnpm/action-setup@v2
       with:
-        version: 8.9
+        version: 8.15
     - uses: actions/setup-node@v4
       with:
         node-version: 18

.github/workflows/backend.yml

@@ -89,7 +89,7 @@ jobs:
       if: steps.frontend-cache.outputs.cache-hit != 'true'
       uses: pnpm/action-setup@v2
       with:
-        version: 8
+        version: 8.15
     - uses: actions/setup-node@v4
       if: steps.frontend-cache.outputs.cache-hit != 'true'
       with:
@@ -185,7 +185,7 @@ jobs:
       if: steps.frontend-cache.outputs.cache-hit != 'true'
       uses: pnpm/action-setup@v2
       with:
-        version: 8
+        version: 8.15
     - uses: actions/setup-node@v4
       if: steps.frontend-cache.outputs.cache-hit != 'true'
       with:

.github/workflows/build-pr.yml

@@ -25,7 +25,7 @@ jobs:
     - name: Install pnpm
       uses: pnpm/action-setup@v2
       with:
-        version: 8
+        version: 8.15
     - uses: actions/setup-node@v4
       with:
         node-version: 18

js/upload/src/UploadProgress.svelte

@@ -111,6 +111,7 @@
 		align-items: center;
 		justify-content: center;
 		min-height: var(--size-40);
+		width: var(--size-full);
 	}
 
 	.wrap::after {

package.json

@@ -105,5 +105,9 @@
 		"react-dom": "^18.2.0",
 		"storybook": "^7.5.1",
 		"wikidata-lang": "^4.1.2"
+	},
+	"engines": {
+		"node": ">=18.0.0",
+		"pnpm": "~8.15.0"
 	}
 }