fix alt -> title and publish

Author: zackify

src/Monthly/MonthlyBody.tsx

@@ -93,7 +93,7 @@ export function MonthlyBody<DayData>({
             key={day.day}
             className={headingClassName}
             aria-label="article"
-            alt="Day of Week"
+            title="Day of Week"
           >
             {day.label}
           </div>
@@ -103,7 +103,7 @@ export function MonthlyBody<DayData>({
             key={index}
             className={headingClassName}
             aria-label="article"
-            alt="Empty Day"
+            title="Empty Day"
           />
         ))}
         {daysToRender.map(day => (
@@ -133,7 +133,7 @@ export function MonthlyDay<DayData>({ renderDay }: MonthlyDayProps<DayData>) {
   return (
     <div
       aria-label="article"
-=     alt={`Events for day ${dayNumber}`}
+      title={`Events for day ${dayNumber}`}
       className="rc-h-48 rc-p-2 rc-border-b-2 rc-border-r-2"
     >
       <div className="rc-flex rc-justify-between">

src/Monthly/MonthlyCalendar.tsx

@@ -69,7 +69,7 @@ export const MonthlyNav = () => {
       <div
         className="rc-ml-4 rc-mr-4 rc-w-32 rc-text-center"
         aria-label="article"
-        alt="Current Month"
+        title="Current Month"
       >
         {format(
           currentMonth,

src/Weekly/WeeklyCalendar.tsx

@@ -77,7 +77,7 @@ const DayButton = ({ day }: DayButtonProps) => {
       onClick={() => changeSelectedDay(isSelected ? undefined : currentDate)}
       className="rc-bg-white rc-cursor-pointer"
       aria-label="article"
-      alt="Day of Week"
+      title="Day of Week"
     >
       <div
         className={`rc-rounded-lg rc-border sm:rc-w-36 rc-text-center rc-py-4 ${