better lecture ui

nextjs/src/app/course/[courseName]/calendar/day/Day.tsx

@@ -14,6 +14,7 @@ import { ItemInDay } from "./ItemInDay";
 import { useTodaysItems } from "./useTodaysItems";
 import Modal from "@/components/Modal";
 import NewItemForm from "../../modules/NewItemForm";
+import { useLecturesByWeekQuery } from "@/hooks/localCourse/lectureHooks";
 
 export default function Day({ day, month }: { day: string; month: number }) {
   const dayAsDate = getDateFromStringOrThrow(
@@ -129,14 +130,18 @@ export default function Day({ day, month }: { day: string; month: number }) {
 
 function DayTitle({ day, dayAsDate }: { day: string; dayAsDate: Date }) {
   const { courseName } = useCourseContext();
+  const { data: weeks } = useLecturesByWeekQuery();
+  const todaysLecture = weeks
+    .flatMap((w) => w.lectures)
+    .find((l) => l.date == getDateOnlyMarkdownString(dayAsDate));
   return (
     <div className="flex justify-between">
-      <Link className="ms-1" href={getLectureUrl(courseName, day)}>
-        {dayAsDate.getDate()}
+      <Link className="ms-1 me-1 truncate text-nowrap transition-all hover:font-bold hover:text-slate-300" href={getLectureUrl(courseName, day)}>
+        {dayAsDate.getDate()} {todaysLecture?.name}
       </Link>
       <Modal
         buttonText="+"
-        buttonClass="unstyled hover:font-bold px-1 mb-auto mt-0 pt-0"
+        buttonClass="unstyled hover:font-bold hover:scale-125 px-1 mb-auto mt-0 pt-0"
       >
         {({ closeModal }) => (
           <div>