feat(WEB-250): overview hero final ui

components/Loyalty/Blocks/DynamicContent/HowItWorks/index.tsx

@@ -1,13 +1,13 @@
-import Title from "@/components/Title"
+import { _ } from "@/lib/translation"
+
+import Title from "@/components/TempDesignSystem/Title"
 
 import styles from "./howItWorks.module.css"
 
 export default function HowItWorks() {
   return (
     <section className={styles.container}>
-      <Title level="h3" uppercase>
-        How it works Placeholder
-      </Title>
+      <Title level="h3">{_("How it works Placeholder")}</Title>
     </section>
   )
 }