Updated the badge stepper

Updated the badge stepper to better illustrate how a "Complete" progress would work with multi-step "Complete" / "In-progress" / "Pending" statuses.

Author: pricop

site/src/content/docs/components/stepper.mdx

@@ -78,8 +78,8 @@ Add additional content beyond simple titles or labels to provide more context wi
 
 <Example code={`<ol class="stepper stepper-horizontal w-100">
     <li class="stepper-item theme-success active"><div><div>Create account</div><div class="badge badge-subtle theme-success">Complete</div></div></li>
-    <li class="stepper-item active"><div><div>Confirm email</div><div class="badge badge-subtle theme-primary">In-progress</div></div></li>
-    <li class="stepper-item"><div><div>Update profile</div><div class="badge badge-subtle theme-secondary">Pending</div></div></li>
+    <li class="stepper-item theme-success active"><div><div>Confirm email</div><div class="badge badge-subtle theme-success">Complete</div></div></li>
+    <li class="stepper-item active"><div><div>Update profile</div><div class="badge badge-subtle theme-primary">In-progress</div></div></li>
     <li class="stepper-item"><div><div>Finish</div><div class="badge badge-subtle theme-secondary">Pending</div></div></li>
   </ol>`} />