fix: ui fixes

app/(app)/transcriptions/year/[year]/year-browser.tsx

@@ -6,7 +6,7 @@ import { PageHeader } from "@/components/layout/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { cn } from "@/lib/utils";
-import { ChevronRight, Clock, MapPin } from "lucide-react";
+import { Calendar, ChevronRight, Clock, MapPin } from "lucide-react";
 import { PlayAudioButton } from "@/app/(app)/transcriptions/[slug]/play-audio-button";
 
 type TranscriptionItem = {
@@ -92,7 +92,13 @@ function MonthSection({
                       {t.type === "lecture" ? "Lecture" : "Conversation"}
                     </Badge>
                   </div>
-                  <div className="flex items-center gap-3 mt-1 text-xs text-muted-foreground">
+                  <div className="flex flex-wrap items-center gap-x-3 gap-y-1 mt-1 text-xs text-muted-foreground">
+                    {t.date && (
+                      <span className="flex items-center gap-1">
+                        <Calendar className="size-3" />
+                        {t.date}
+                      </span>
+                    )}
                     {t.place && (
                       <span className="flex items-center gap-1">
                         <MapPin className="size-3" />