/** * Responsive breakpoint names */ export type Breakpoint = 'mobile' | 'tablet' | 'desktop'; /** * Custom hook for detecting current responsive breakpoint * * ## Business Perspective * * This hook enables widgets to adapt their layout and content based on * device size, ensuring optimal user experience for security officers * and executives accessing the application from different devices. 📱💻 * * Responsive design is critical for modern security dashboards that need * to be accessible on mobile devices during incident response. * * @returns Current breakpoint ('mobile', 'tablet', or 'desktop') * * @example * ```typescript * const breakpoint = useResponsiveBreakpoint(); * * return ( *