Update themed components with refs and css

lib/component/progress/SuccessProgress.tsx

@@ -1,13 +1,21 @@
 import type { ThemedProgressProps } from "$/types/ProgressTypes";
+import { forwardRef } from "react";
 import Progress from "./Progress";
 
 
-export default function SuccessProgress(props: ThemedProgressProps){
+const SuccessProgress = forwardRef<HTMLDivElement, ThemedProgressProps>(({
+	...props
+}, ref ) => {
 	return (
 		<Progress
-			backgroundColor="var(--color-gray-300)"
-			progressColor="var(--color-green-600)"
+			backgroundColor="var(--color-neutral)"
+			progressColor="var(--color-success)"
 			{...props}
+			ref={ref}
 		/>
 	);
-}
+});
+
+SuccessProgress.displayName = "SuccessProgress";
+
+export default SuccessProgress;