chore: release [ci skip]

components/organisms/shift-schedule/MobileShiftView.tsx

@@ -8,8 +8,18 @@ import type { MobileShiftViewProps } from "./ShiftSchedule.types";
 
 const DAY_HEADERS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
 const MONTH_NAMES = [
-  "January", "February", "March", "April", "May", "June",
-  "July", "August", "September", "October", "November", "December",
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December",
 ];
 
 function formatDateKey(d: Date): string {
@@ -24,8 +34,11 @@ function isToday(d: Date): boolean {
   return formatDateKey(d) === formatDateKey(today);
 }
 
-export default function MobileShiftView({ onShiftClick }: MobileShiftViewProps) {
-  const { currentDate, getShiftsForDate, goToNextMonth, goToPrevMonth } = useShift();
+export default function MobileShiftView({
+  onShiftClick,
+}: MobileShiftViewProps) {
+  const { currentDate, getShiftsForDate, goToNextMonth, goToPrevMonth } =
+    useShift();
   const [selectedDate, setSelectedDate] = useState<Date>(new Date(2026, 3, 10));
 
   const calendarDays = useMemo(() => {
@@ -39,12 +52,16 @@ export default function MobileShiftView({ onShiftClick }: MobileShiftViewProps)
 
     const days: (Date | null)[] = [];
     for (let i = 0; i < startOffset; i++) days.push(null);
-    for (let d = 1; d <= lastDay.getDate(); d++) days.push(new Date(year, month, d));
+    for (let d = 1; d <= lastDay.getDate(); d++)
+      days.push(new Date(year, month, d));
     while (days.length % 7 !== 0) days.push(null);
     return days;
   }, [currentDate]);
 
-  const selectedShifts = useMemo(() => getShiftsForDate(selectedDate), [selectedDate, getShiftsForDate]);
+  const selectedShifts = useMemo(
+    () => getShiftsForDate(selectedDate),
+    [selectedDate, getShiftsForDate],
+  );
 
   const dayOfWeek = DAY_HEADERS[(selectedDate.getDay() + 6) % 7];
 
@@ -96,7 +113,8 @@ export default function MobileShiftView({ onShiftClick }: MobileShiftViewProps)
               if (!date) return <div key={`empty-${i}`} className="p-1" />;
 
               const today = isToday(date);
-              const selected = formatDateKey(date) === formatDateKey(selectedDate);
+              const selected =
+                formatDateKey(date) === formatDateKey(selectedDate);
               const dayShifts = getShiftsForDate(date);
               const isWeekend = date.getDay() === 0 || date.getDay() === 6;
 
@@ -136,14 +154,16 @@ export default function MobileShiftView({ onShiftClick }: MobileShiftViewProps)
       <div>
         <div className="mb-3 flex items-center justify-between px-1">
           <h3 className="text-sm font-bold text-(--color-primary-dark)">
-            {dayOfWeek},{" "}
-            {selectedDate.getDate()}/{selectedDate.getMonth() + 1}/{selectedDate.getFullYear()}
+            {dayOfWeek}, {selectedDate.getDate()}/{selectedDate.getMonth() + 1}/
+            {selectedDate.getFullYear()}
           </h3>
-          <span className={`rounded-full px-2.5 py-1 text-xs font-semibold ${
-            selectedShifts.length > 0
-              ? "bg-(--color-primary)/10 text-(--color-primary)"
-              : "bg-gray-100 text-(--color-text-muted)"
-          }`}>
+          <span
+            className={`rounded-full px-2.5 py-1 text-xs font-semibold ${
+              selectedShifts.length > 0
+                ? "bg-(--color-primary)/10 text-(--color-primary)"
+                : "bg-gray-100 text-(--color-text-muted)"
+            }`}
+          >
             {selectedShifts.length} shifts
           </span>
         </div>
@@ -151,8 +171,12 @@ export default function MobileShiftView({ onShiftClick }: MobileShiftViewProps)
         {selectedShifts.length === 0 ? (
           <div className="rounded-2xl border border-dashed border-(--color-border-light) py-10 text-center">
             <i className="fa-regular fa-calendar-xmark mb-3 text-3xl text-gray-200"></i>
-            <p className="text-sm font-medium text-(--color-text-muted)">No shifts</p>
-            <p className="mt-0.5 text-xs text-(--color-text-muted)">No shifts created for this day</p>
+            <p className="text-sm font-medium text-(--color-text-muted)">
+              No shifts
+            </p>
+            <p className="mt-0.5 text-xs text-(--color-text-muted)">
+              No shifts created for this day
+            </p>
           </div>
         ) : (
           <div className="space-y-2.5">