refactor: remove label prop from Countdown, move label rendering to Hero

Agent-Logs-Url: https://github.com/Open-Source-Bazaar/Open-Source-Bazaar.github.io/sessions/d946deb1-3c20-4f85-afa5-f4569b09dd6a

Co-authored-by: TechQuery <19969570+TechQuery@users.noreply.github.com>

Author: Copilot

components/Activity/Hackathon/Countdown.tsx

@@ -6,7 +6,6 @@ import styles from './Hero.module.less';
 
 export interface CountdownProps {
   countdownTo?: string;
-  label?: string;
   unitLabels: string[];
 }
 
@@ -71,25 +70,21 @@ export class Countdown extends Component<CountdownProps> {
   }
 
   render() {
-    const { label, unitLabels } = this.props;
+    const { unitLabels } = this.props;
     const { sections } = this;
 
     return (
-      <div className={styles.countdownWrap}>
-        {label && <p className={`${styles.countdownLabel} m-0`}>{label}</p>}
-
-        <ol className={`list-unstyled ${styles.countdownGrid} m-0`}>
-          {sections.map((value, index) => (
-            <li
-              key={`${index}-${unitLabels[index]}`}
-              className={`${styles.countdownCell} d-flex flex-column justify-content-center align-items-center`}
-            >
-              <strong>{value}</strong>
-              <span>{unitLabels[index]}</span>
-            </li>
-          ))}
-        </ol>
-      </div>
+      <ol className={`list-unstyled ${styles.countdownGrid} m-0`}>
+        {sections.map((value, index) => (
+          <li
+            key={`${index}-${unitLabels[index]}`}
+            className={`${styles.countdownCell} d-flex flex-column justify-content-center align-items-center`}
+          >
+            <strong>{value}</strong>
+            <span>{unitLabels[index]}</span>
+          </li>
+        ))}
+      </ol>
     );
   }
 }

components/Activity/Hackathon/Hero.tsx

@@ -161,11 +161,12 @@ export const HackathonHero: FC<HackathonHeroProps> = ({
             <p className={styles.description}>{description}</p>
 
             {countdownTo && (
-              <Countdown
-                countdownTo={countdownTo}
-                label={countdownLabel}
-                unitLabels={countdownUnitLabels}
-              />
+              <div className={styles.countdownWrap}>
+                {countdownLabel && (
+                  <p className={`${styles.countdownLabel} m-0`}>{countdownLabel}</p>
+                )}
+                <Countdown countdownTo={countdownTo} unitLabels={countdownUnitLabels} />
+              </div>
             )}
 
             <nav className="d-flex flex-wrap gap-2 gap-md-3" aria-label={subtitle}>