Use indeterminate progress animation when fix-all progress is undefined in ResponsePreview

- the progress bar should have moving animation (refer to `packages/ui/src/components/editor/prompt/modals/ProgressModal/ProgressModal.tsx`)

└── packages
    └── ui
        └── src
            └── components
                └── editor
                    └── prompt
                        ├── ResponsePreview
                        │   ├── ResponsePreview.module.scss
                        │   └── ResponsePreview.tsx
                        └── modals
                            └── ProgressModal
                                ├── ProgressModal.module.scss
                                └── ProgressModal.tsx

Author: robertpiosik

packages/ui/src/components/editor/prompt/ResponsePreview/ResponsePreview.module.scss

@@ -159,14 +159,38 @@
     width: 100%;
     border-radius: 2px;
     overflow: hidden;
+    position: relative;
 
     &__fill {
       height: 100%;
       background-color: var(--vscode-focusBorder);
+      transition: width var(--transition-duration-150)
+        var(--transition-timing-function);
+
+      &--indeterminate {
+        height: 100%;
+        background-color: var(--vscode-focusBorder);
+        position: absolute;
+        animation: fix-all-indeterminate-progress 1.5s infinite linear;
+      }
     }
   }
 }
 
+@keyframes fix-all-indeterminate-progress {
+  from {
+    left: -50px;
+    width: 10px;
+  }
+  50% {
+    width: 50px;
+  }
+  to {
+    left: 100%;
+    width: 10px;
+  }
+}
+
 .list {
   display: flex;
   flex-direction: column;

packages/ui/src/components/editor/prompt/ResponsePreview/ResponsePreview.tsx

@@ -258,10 +258,16 @@ export const ResponsePreview: FC<Props> = (props) => {
                   </span>
                 </div>
                 <div className={styles['fix-all-progress__bar']}>
-                  <div
-                    className={styles['fix-all-progress__bar__fill']}
-                    style={{ width: `${file.apply_progress || 0}%` }}
-                  />
+                  {file.apply_progress !== undefined ? (
+                    <div
+                      className={styles['fix-all-progress__bar__fill']}
+                      style={{ width: `${file.apply_progress}%` }}
+                    />
+                  ) : (
+                    <div
+                      className={styles['fix-all-progress__bar__fill--indeterminate']}
+                    />
+                  )}
                 </div>
               </div>
             ))}