Streaming Now does not activate after resizing from mobile to desktop

### Bug description

When the homepage is initially opened with a viewport below 1024px, the Streaming Now panel is not subscribed to the shared stream feed.

If the viewport is then resized above 1024px without reloading the page, the panel remains inactive even when live streams are available.

### Steps to reproduce

1. Open the homepage with the viewport width below 1024px.
2. Resize the browser window to above 1024px without reloading.
3. Observe that the Streaming Now panel does not appear even when live streams are available.

### Expected behavior

When the viewport crosses into desktop width (`min-width: 1024px`), Streaming Now should subscribe to the shared stream feed and display available live streams

When resizing back below 1024px, the panel should unsubscribe and hide.

### Additional context

The issue appears to be caused by the component only checking the desktop media query during its initial connection, rather than responding to later media-query changes.

Start at the Streaming Now component and its initial desktop media-query check; trace how it subscribes to and unsubscribes from the shared stream feed. Reproduce the resize sequence above and verify that crossing 1024px activates and displays available streams, while resizing back hides the panel and unsubscribes.

Written by the indexing model from the issue text.