Countdown improvements

src/back/jdd-components/countdown/countdown.css

@@ -43,6 +43,7 @@
 		display: flex;
 		height: var(--height);
 		align-items: center;
+		color: var(--color-brand-text-fg);
 	}
 
 	.separator--seconds {

src/back/jdd-components/countdown/countdown.jdd.tsx

@@ -1,5 +1,9 @@
 import { TempstreamJSX } from "tempstream";
-import type { ComponentToHTMLArgs } from "@sealcode/jdd";
+import type {
+	ComponentToHTMLArgs,
+	ExtractStructuredComponentArgumentsParsed,
+	JDDContext,
+} from "@sealcode/jdd";
 import { Component, ComponentArguments } from "@sealcode/jdd";
 import { calculateDifference } from "./difference.js";
 
@@ -33,6 +37,13 @@ export class Countdown extends Component<typeof component_arguments> {
 		return component_arguments;
 	}
 
+	getTitle(
+		_: JDDContext,
+		args: ExtractStructuredComponentArgumentsParsed<typeof component_arguments>
+	) {
+		return `Countdown to ${args.date}`;
+	}
+
 	async toHTML({
 		args: { date },
 		classes,