refactor(web/progress): Rewrite progressbar component

Using chakra's built in progress component was causing weird container stretching when the progress bar would become active

web/src/theme/index.ts

@@ -7,16 +7,4 @@ const config: ThemeConfig = {
 
 export const theme = extendTheme({
     config,
-    components: {
-        Progress: {
-          baseStyle: {
-            filledTrack: {
-              bg: 'green.400'
-            },
-            track: {
-              bg: 'rgba(0, 0, 0, 0.6)'
-            }
-          }
-        },
-    }
 })