Update themed components with refs and css

lib/component/progress/SecondaryProgress.tsx

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