fixing more dates

nextjs/src/app/course/[courseName]/calendar/CalendarMonth.tsx

@@ -19,7 +19,7 @@ export const CalendarMonth = ({ month }: { month: CalendarMonthModel }) => {
 
   return (
     <>
-      <h3 className="text-center">
+      <h3 className="text-center text-2xl">
         <button
           type="button"
           className="btn btn-link"

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

@@ -57,7 +57,7 @@ export default function Day({ day, month }: { day: Date; month: number }) {
       {day.getDate()}
       <ul className="list-disc ms-4">
         {todaysAssignments.map((a) => (
-          <li key={a.name}>{a.name}</li>
+          <li key={a.name} >{a.name}</li>
         ))}
         {todaysQuizzes.map((q) => (
           <li key={q.name}>{q.name}</li>

nextjs/src/app/course/[courseName]/context/CourseContextProvider.tsx

@@ -1,6 +1,6 @@
-"use client"
-import { ReactNode } from "react";
-import { CourseContext } from "./courseContext";
+"use client";
+import { ReactNode, useState } from "react";
+import { CourseContext, DraggableItem } from "./courseContext";
 import { useLocalCourseDetailsQuery } from "@/hooks/localCoursesHooks";
 
 export default function CourseContextProvider({
@@ -11,8 +11,17 @@ export default function CourseContextProvider({
   localCourseName: string;
 }) {
   const { data: course } = useLocalCourseDetailsQuery(localCourseName);
+  const [itemBeingDragged, setItemBeingDragged] = useState<
+    DraggableItem | undefined
+  >();
   return (
-    <CourseContext.Provider value={{ localCourse: course }}>
+    <CourseContext.Provider
+      value={{
+        localCourse: course,
+        startModuleDrag: (d) => setItemBeingDragged(d),
+        stopModuleDrag: (day) => setItemBeingDragged(undefined),
+      }}
+    >
       {children}
     </CourseContext.Provider>
   );

nextjs/src/app/course/[courseName]/context/courseContext.ts

@@ -1,9 +1,17 @@
 "use client";
+import { IModuleItem } from "@/models/local/IModuleItem";
 import { LocalCourse } from "@/models/local/localCourse";
 import { createContext, useContext } from "react";
 
+export interface DraggableItem {
+  item: IModuleItem;
+  type: "quiz" | "assignment" | "page";
+}
+
 export interface CourseContextInterface {
   localCourse: LocalCourse;
+  startModuleDrag: (dragging: DraggableItem) => void;
+  stopModuleDrag: (droppedOnDay?: Date) => void;
 }
 
 const defaultValue: CourseContextInterface = {
@@ -21,6 +29,10 @@ const defaultValue: CourseContextInterface = {
       },
     },
   },
+  startModuleDrag: () => { },
+  stopModuleDrag: function (droppedOnDay?: Date): void {
+    throw new Error("Function not implemented.");
+  }
 };
 
 export const CourseContext =