DevTools Network tab header and footer toolbar controls overlap on narrow screens

**Describe the bug**
On narrow screens or side-panels, the header toolbar controls (filter input and export buttons) in the DevTools Network tab and the footer status bar elements overflow and overlap on top of each other instead of scaling responsively.

**To Reproduce**
Steps to reproduce the behavior:
1. Open Flutter DevTools (or embedded DevTools inside VS Code).
2. Resize the panel/window to a narrower width.
3. Open the Network tab.
4. Observe the header icons overlapping inside the filter container and footer elements clipping past the right border.

**Expected behavior**
Toolbar and status bar elements should gracefully adjust layout, hide text labels, or move secondary actions into an overflow menu (...) on compact screen widths.

**Screenshots**

**Please complete the following information:**

You can run the **Dart: Collect Diagnostic Information** command from the VS Code command palette (`F1`) to easily capture this information or provide it manually.

- Operating System and version: macOS
- VS Code version: 1.136.1
- Dart extension version: 3.142.0
- Dart/Flutter SDK version: 3.47.2
- Target device (if the issue relates to Flutter debugging):

Bắt đầu bằng cách mở tab Network trong Flutter DevTools, bao gồm cả chế độ xem VS Code được nhúng, rồi thay đổi kích thước về các chiều rộng hẹp được mô tả. Kiểm tra các điều khiển bộ lọc/xuất ở phần header và thanh trạng thái ở phần footer; hoàn tất khi chúng vẫn có thể sử dụng được mà không bị chồng lấn hoặc cắt xén, với các bố cục gọn cho những thao tác phụ.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.