query progress for some pages

client/src/Pages/PreviewPage.tsx

@@ -118,7 +118,12 @@ function PreviewPage() {
           </Button>
         </Box>
       </Paper>
-      <LinearProgress />
+      <LinearProgress
+        variant="query"
+        sx={{
+          height: 2,
+        }}
+      />
     </Container>
   );
 }

client/src/Pages/ProcessingPage.tsx

@@ -97,6 +97,12 @@ function ProcessingPage() {
           </Typography>
         </Box>
       </Paper>
+    <LinearProgress
+      variant="query"
+      sx={{
+        height: 2,
+      }}
+    />
     </Container>
   );
 }