Update themed components with refs and css

lib/component/progress/DarkProgress.tsx

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