fix tyscript issue

See merge request !2

Prevent panel header widgets from clipping on small screens by allowing wrapping, tightening padding/logo size, and using a single-line compact location selector.

Made-with: Cursor

- Use clamp() sizing for shared KPI + dashboard card typography
- Improve main PanelDashboard layout below 420px (single-column grids)

Made-with: Cursor

Switch KPI grids to 1-column and tighten spacing below 420px to prevent cramped layouts and overflow on small devices.

Made-with: Cursor

Move interactive panel chrome into a small client shell and keep the panel layout as a server component. Also remove unnecessary client directives from module dashboards and module menu to reduce hydration and improve route transitions.

Made-with: Cursor

Use clamp() font sizing for titles/subtitles and tighten table/menu text for better readability across small screens.

Made-with: Cursor

- Add Modules page with search/filter and card grid
- Add header center module search with autocomplete dropdown
- Add module dashboards (admin/incidents/permit/audits/inspection/checklist/suggestion/tracking)
- Add module dashboard menu navigation component and stories

Made-with: Cursor

Includes panel layout (sidebar/header/footer/bottom tab/quick actions), improved login flow hooks, and a mobile-first MAF-themed listing system with Storybook stories.

Made-with: Cursor

This updates the frontend to a schema-driven checklist experience with custom field components, responsive tabbed section navigation, mobile-friendly date/time and selection UX, and improved migration alignment for comment/file-linked composite questions.

Made-with: Cursor

Made-with: Cursor