MyScaffold class

自适应根脚手架（M3 五层级）

根据屏幕宽度自动切换 5 种显示模式：

• Compact (< compactBreakpoint) ：抽屉式导航或底部导航栏
• Medium (compact ~ medium) ：仅图标侧边栏（72dp），hover 显示 Tooltip
• Expanded (medium ~ expanded) ：图标+文字侧边栏（256dp）
• Large (expanded ~ large) ：完整导航抽屉（304dp），含分组标题、副标题、顶部 Header
• XLarge (≥ largeBreakpoint) ：宽导航抽屉（360dp），trailing 内嵌、间距更宽松

使用方式类似传统 Flutter Scaffold，但增加了自适应导航功能：

MyScaffold(
  appBar: AppBar(title: Text('My App')),
  drawer: [
    MyAdaptiveNavigationItem(
      icon: Icon(Icons.home),
      label: '首页',
      subtitle: '数据概览',  // 仅 Large+ 显示
      group: '主要功能',     // 仅 Large+ 显示分组标题
      onTap: () => controller.switchToPage(0),
    ),
  ],
  navigationHeader: MyHeaderWidget(), // 仅 Large+ 显示
  body: Obx(() => pages[controller.currentIndex]),
)