feat: add progress indicator for uploading files

frontend/src/components/upload/UploadProgressIndicator.tsx

@@ -0,0 +1,20 @@
+import { RingProgress } from "@mantine/core";
+import { CircleCheck, CircleX } from "tabler-icons-react";
+
+const UploadProgressIndicator = ({ progress }: { progress: number }) => {
+  if (progress > 0 && progress < 100) {
+    return (
+      <RingProgress
+        sections={[{ value: progress, color: "victoria" }]}
+        thickness={3}
+        size={25}
+      />
+    );
+  } else if (progress == 100) {
+    return <CircleCheck color="green" size={22} />;
+  } else {
+    return <CircleX color="red" size={22} />;
+  }
+};
+
+export default UploadProgressIndicator;