[Bay Dashboard] - Create List of Available Widgets

Description

On the frontend we want to create a list of every dashboard widget that exists and what sizes it can exist as. For example, the calendar widget could exist as a large widget or as a medium widget

In the future both the bay dashboard and the admin tools widget previews will read from this list

Acceptance Criteria

src/frontend/src/utils/bayDashboard.utils.tsx

• list of widgets
• getWidgetsForSize function that takes in a size and returns the widgets that can be that size
• getWidget function that takes in a widget type and returns that widget, or undefined

Proposed Solution

Create a const BAY_DASHBOARD_WIDGETS that is an array of all existing widgets
Create a widget interface with type, displayName, sizes, and the React component itself

{
    type: BayDashboardWidgetType.CALENDAR,
    displayName: 'Calendar',
    sizes: [BayDashboardSlot.LARGE, BayDashboardSlot.MEDIUM],
    component: CalendarWidget
  }

Widgets to include

• CALENDAR
• OVERDUE_WORK_PACKAGES
• TEXT_FIELD
• COUNTDOWN

Start in src/frontend/src/utils/bayDashboard.utils.tsx and inspect the existing dashboard widget types, sizes, and components referenced by the issue. Define the widget list for CALENDAR, OVERDUE_WORK_PACKAGES, TEXT_FIELD, and COUNTDOWN, then verify that getWidgetsForSize filters by size and getWidget returns the matching widget or undefined.