fix(frontend): restrict file explorer to show only .yaml, .yml, .zip, and .tar.gz files (kubeflow#11623)

* fix(frontend): restrict file explorer to show only .yaml, .yml, .zip, and .tar.gz files

Signed-off-by: muzzlol <[email protected]>

* test(frontend): update NewPipelineVersion snapshot for file filters

Signed-off-by: muzzlol <[email protected]>

---------

Signed-off-by: muzzlol <[email protected]>

Author: muzzlol

frontend/src/pages/NewPipelineVersion.tsx

@@ -363,6 +363,7 @@ export class NewPipelineVersion extends Page<NewPipelineVersionProps, NewPipelin
               style={{ position: 'relative' }}
               ref={this._dropzoneRef}
               inputProps={{ tabIndex: -1 }}
+              accept='.yaml,.yml,.zip,.tar.gz'
               disabled={importMethod === ImportMethod.URL}
             >
               {dropzoneActive && <div className={css.dropOverlay}>Drop files..</div>}

frontend/src/pages/__snapshots__/NewPipelineVersion.test.tsx.snap

@@ -90,6 +90,7 @@ exports[`NewPipelineVersion creating new pipeline renders the new pipeline page
         onChange={[Function]}
       />
       <n
+        accept=".yaml,.yml,.zip,.tar.gz"
         disableClick={true}
         disablePreview={false}
         disabled={true}