feat(client): module based progress (#63966)

client/src/templates/Introduction/components/super-block-accordion.css

@@ -117,6 +117,7 @@ button .block-header-button-text {
 
 .super-block-accordion .module-steps {
   font-size: 0.75em;
+  color: var(--quaternary-color);
 }
 
 .super-block-accordion .chapter-button:hover,

client/src/templates/Introduction/components/super-block-accordion.tsx

@@ -189,6 +189,16 @@ const Module = ({
           </span>
           {t(`intro:${superBlock}.modules.${dashedName}`)}
         </div>
+        <div className='module-button-right'>
+          {!comingSoon && !!totalSteps && (
+            <span className='module-steps'>
+              {t('learn.steps-completed', {
+                totalSteps,
+                completedSteps
+              })}
+            </span>
+          )}
+        </div>
       </Disclosure.Button>
       <Disclosure.Panel as='ul' className='module-panel'>
         {comingSoon && (