feat: enhance Worksite Calendar and Scheduling features (#1331)

- **Add new icons**: Integrate `calendar-list` and `calendar-map` icons to improve calendar UI.
- **Extend size options**: Include new `base` size across UI elements, styling, and their functionalities in BaseIcon.vue.
- **Refactor WorksiteCalendar**: Replace individual navigation icons with `WorksiteNavigationIcons` component and reorganize the worksite action panel.
- **Improve forms**: Introduce a tabbed UI for WorksiteForm to separate "Add/Edit" and "Case Information" views.
- **Schedule management**: Implement inline add/edit scheduling with dialog-based functionality. Support selection of start/end dates, work types, teams, and time schedules for worksites.
- **Dynamic view routing**: Utilize query params (`view`) to control and persist Calendar views (map, list, or calendar).
- **Config updates**: Update calendar locale and day boundaries to dynamically adapt based on user setup.
- **Dependency updates**: Upgrade packages to include `@schedule-x/scroll-controller` for improved scheduling scroll.
- **UI tweaks**: Enhance button styles, expand functionality for `AddFromList.vue`, and optimize AddScheduleDialog layout for worksite and schedule forms.

This commit modernizes the scheduling and calendar navigation UI while allowing more flexible scheduling capabilities, improving efficiency and user experience.

package.json

@@ -70,6 +70,7 @@
     "@schedule-x/drag-and-drop": "^2.18.0",
     "@schedule-x/events-service": "^2.18.0",
     "@schedule-x/resize": "^2.18.0",
+    "@schedule-x/scroll-controller": "^2.20.0",
     "@schedule-x/theme-default": "^2.18.0",
     "@schedule-x/vue": "^2.16.0",
     "@sentry/integrations": "^7.111.0",

src/components/BaseIcon.vue

@@ -108,6 +108,7 @@ export default defineComponent({
         'cursor-pointer': true,
         large: ['lg', 'large'].includes(props.size),
         medium: ['md', 'medium'].includes(props.size),
+        base: ['base'].includes(props.size),
         small: ['sm', 'small'].includes(props.size),
         tiny: props.size === 'tiny',
         xs: props.size === 'xs',
@@ -151,6 +152,10 @@ export default defineComponent({
   height: 20px;
   width: 20px;
 }
+.ccu-icon.base {
+  height: 25px;
+  width: 25px;
+}
 .ccu-icon.xl {
   height: 35px;
   width: 35px;