feat(dashboard,diagnostic,elective): add widgets, layout, parent dashboard, role-config, services, elective components

dashboard:

- Add comparison-badge, dashboard-notification-widget, dashboard-responsive-layout, dashboard-time-range-filter

- Add parent-dashboard components directory

- Add config, hooks, and services directories

diagnostic:

- Add role-config and services directory

elective:

- Add elective-course-detail, elective-stats-cards, parent-selection-view components

- Add data-access-settings and data-access-stats

src/modules/dashboard/components/teacher-dashboard/teacher-schedule.tsx

@@ -6,35 +6,13 @@ import { CalendarDays, CalendarX, MapPin } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
 import { cn } from "@/shared/lib/utils"
 import { ScrollArea } from "@/shared/components/ui/scroll-area"
-
-type TeacherTodayScheduleItem = {
-  id: string
-  classId: string
-  className: string
-  course: string
-  startTime: string
-  endTime: string
-  location: string | null
-}
+import { getScheduleStatus } from "@/modules/dashboard/lib/dashboard-utils"
+import type { TeacherTodayScheduleItem } from "@/modules/dashboard/types"
 
 export async function TeacherSchedule({ items }: { items: TeacherTodayScheduleItem[] }) {
   const t = await getTranslations("dashboard")
   const hasSchedule = items.length > 0
 
-  const getStatus = (start: string, end: string): "live" | "upcoming" | "past" => {
-    const now = new Date()
-    const currentTime = now.getHours() * 60 + now.getMinutes()
-
-    const [startH, startM] = start.split(":").map(Number)
-    const [endH, endM] = end.split(":").map(Number)
-    const startTime = (Number.isFinite(startH) ? startH : 0) * 60 + (Number.isFinite(startM) ? startM : 0)
-    const endTime = (Number.isFinite(endH) ? endH : 0) * 60 + (Number.isFinite(endM) ? endM : 0)
-
-    if (currentTime >= startTime && currentTime <= endTime) return "live"
-    if (currentTime < startTime) return "upcoming"
-    return "past"
-  }
-
   return (
     <Card>
       <CardHeader className="pb-3">
@@ -60,7 +38,7 @@ export async function TeacherSchedule({ items }: { items: TeacherTodayScheduleIt
               <div className="absolute left-[11px] -top-3 h-3 w-px bg-gradient-to-t from-border/50 to-transparent" />
 
               {items.map((item, index) => {
-                const status = getStatus(item.startTime, item.endTime)
+                const status = getScheduleStatus(item.startTime, item.endTime, new Date())
                 const isLive = status === "live"
                 const isPast = status === "past"
                 const isLast = index === items.length - 1