feat: finish my pages overview page according to wireframe

components/TempDesignSystem/ProgressBar/index.tsx

@@ -0,0 +1,12 @@
+import styles from "./progressbar.module.css"
+
+import type { ProgressbarProps } from "./progressbar"
+
+export default function ProgressBar({ className, progress }: ProgressbarProps) {
+  className = className ?? ""
+  return (
+    <div className={`${className} ${styles.bar}`}>
+      <div className={styles.progress} style={{ width: `${progress}%` }} />
+    </div>
+  )
+}