fix(web/progress): remove cancelled timeout animation

This is not a fix, it's a workaround, removes the red animation when cancelling due to it causing the progress bar/circle to be permanently stuck

web/src/features/progress/CircleProgressbar.tsx

@@ -42,9 +42,7 @@ const CircleProgressbar: React.FC = () => {
   const progressCancel = () => {
     setCancelled(true);
     setValue(99); // Sets the final value to 100% kek
-    setTimeout(() => {
     setVisible(false);
-    }, 2500);
   };
 
   useNuiEvent("progressCancel", progressCancel);
@@ -77,10 +75,7 @@ const CircleProgressbar: React.FC = () => {
       alignItems="center"
     >
       {visible && (
-        <Flex
+        <Flex alignItems="center" flexDirection="column">
-          alignItems= "center"
-          flexDirection="column"
-        >
           <CircularProgress
             value={value}
             size="5rem"
@@ -99,6 +94,7 @@ const CircleProgressbar: React.FC = () => {
                     },
                   }
                 : {
+                    // Currently unused
                     ".chakra-progress__indicator": {
                       transition: "none !important",
                       strokeDasharray: "264, 0 !important", // sets circle to full
@@ -110,12 +106,7 @@ const CircleProgressbar: React.FC = () => {
               {value}%
             </CircularProgressLabel>
           </CircularProgress>
-          <Text
+          <Text fontFamily="Inter" isTruncated fontSize={18} fontWeight="light">
-            fontFamily="Inter"
-            isTruncated
-            fontSize={18}
-            fontWeight="light"
-          >
             {label}
           </Text>
         </Flex>

web/src/features/progress/Progressbar.tsx

@@ -32,9 +32,7 @@ const Progressbar: React.FC = () => {
 
   const progressCancel = () => {
     setCancelled(true);
-    setTimeout(() => {
     setVisible(false);
-    }, 2500);
   };
 
   useNuiEvent("progressCancel", progressCancel);
@@ -77,6 +75,7 @@ const Progressbar: React.FC = () => {
                       animationDuration: `${duration}ms`,
                     }
                   : {
+                      // Currently unused
                       width: "100%",
                       animationPlayState: "paused",
                       backgroundColor: "rgb(198, 40, 40)",