Update themed components with refs and css

lib/component/progress/MoltenProgress.tsx

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