refactor: organize css

components/Loyalty/Blocks/DynamicContent/OverviewTable/Title/index.tsx

@@ -0,0 +1,20 @@
+import { Fragment } from "react"
+
+import Title from "@/components/Title"
+
+import styles from "./overviewTableTitle.module.css"
+
+import { OverviewTableTitleProps } from "@/types/components/loyalty/blocks"
+
+export default function OverviewTableTitle({ texts }: OverviewTableTitleProps) {
+  return (
+    <Title as="h1" level="h1" weight="semiBold" uppercase>
+      {texts.map(({ text, highlight }, idx) => (
+        <Fragment key={idx}>
+          <span className={highlight ? styles.highlight : ""}>{text}</span>
+          {idx < texts.length - 1 && " "}
+        </Fragment>
+      ))}
+    </Title>
+  )
+}