Fix translation of no events today in calendar

See #2221

public/locales/en/common.json

@@ -763,6 +763,7 @@
     "calendar": {
         "inCinemas": "In cinemas",
         "physicalRelease": "Physical release",
-        "digitalRelease": "Digital release"
+        "digitalRelease": "Digital release",
+        "noEventsToday": "No events for today!"
     }
 }

src/widgets/calendar/agenda.jsx

@@ -40,7 +40,7 @@ export function Event({ event, colorVariants, showDate = false }) {
 export default function Agenda({ service, colorVariants, showDate }) {
   const { widget } = service;
   const { events } = useContext(EventContext);
-  const { i18n } = useTranslation();
+  const { t } = useTranslation();
 
   if (!showDate) {
     return <div className=" text-center" />;
@@ -64,12 +64,11 @@ export default function Agenda({ service, colorVariants, showDate }) {
             <Event
               key="no-event"
               event={{
-                title: `No events for today!`,
+                title: t("calendar.noEventsToday"),
                 date: DateTime.now(),
                 color: "gray",
               }}
               colorVariants={colorVariants}
-              i18n={i18n}
             />
           </div>
         </div>