Function useResponsiveBreakpoint

useResponsiveBreakpoint(): Breakpoint
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 Breakpoint
Current breakpoint ('mobile', 'tablet', or 'desktop')
Example
```
const breakpoint = useResponsiveBreakpoint();

return (
  <div>
    {breakpoint === 'mobile' && <MobileLayout />}
    {breakpoint === 'tablet' && <TabletLayout />}
    {breakpoint === 'desktop' && <DesktopLayout />}
  </div>
);
```
- Defined in hooks/useResponsiveBreakpoint.ts:55