chore: Use selector dt

Author: flozia

src/app/(proper_react)/(redesign)/(public)/LandingViewRedesign/components/PricingPlanList.module.scss

@@ -41,7 +41,7 @@
     transform: translate(-50%, -50%);
   }
 
-  &Header {
+  dt {
     border-bottom: 1px solid tokens.$color-grey-10;
     padding: tokens.$spacing-xs tokens.$spacing-xs tokens.$spacing-lg;
     text-align: center;

src/app/(proper_react)/(redesign)/(public)/LandingViewRedesign/components/PricingPlanList.tsx

@@ -288,7 +288,7 @@ export const PricingPlanList = (props: Props & ScanLimitProp) => {
         {pricingPlanData.map(
           ({ type, label, title, subtitle, features, cta }) => (
             <dl key={type} className={styles.pricingCard} aria-label={title}>
-              <dt className={styles.pricingCardHeader}>
+              <dt>
                 <b>{title}</b>
                 {label && (
                   <span className={styles.pricingCardLabel}>{label}</span>