feat: implement responsive dashboard layout with column-aware widget sizing

**Status Tab Layout Changes:**
- User Info widget: 1x2 vertical (left column) instead of 2x1 horizontal
- User Stats widget: scales from 1x3 (narrow) to 2x3 (wide)
- User Mood widget: 1x1 positioned below User Info
- User Attributes widget: scales from 2x4 (narrow) to 3x4 (wide), full width

**Technical Changes:**
- Update widget definitions to use column-aware defaultSize() functions
- userInfoWidget: Returns 1x2 for desktop, 1x1 for mobile
- userStatsWidget: Returns 1x3 for 2 cols, 2x3 for 3+ cols
- userAttributesWidget: Returns 2x4 for 2 cols, 3x4 for 3+ cols
- Remove autoLayout from resetLayout() to preserve default positions
- Add resetWidgetSizesToDefault() to apply column-aware sizes
- Update CSS for 1x1 compact avatar (round) and 1x2 wide avatar layouts

**User Info Widget Improvements:**
- 1x2 layout: Horizontal split with name left, level right over avatar
- 1x1 layout: Round avatar with bottom nameplate (flush positioning)
- Transparent glass-style backgrounds for better avatar visibility
- Proper aspect-ratio for circular avatar in compact mode

**Result:**
- Widgets scale intelligently based on panel width (2-4 columns)
- Desktop users get larger, more spacious layouts
- Mobile/narrow screens get efficient vertical stacking
- Reset Layout respects custom positions while applying responsive sizes
- Window resize triggers autoLayout via ResizeObserver for reflow

src/systems/dashboard/widgets/userStatsWidget.js

@@ -33,13 +33,19 @@ export function registerUserStatsWidget(registry, dependencies) {
         description: 'Health, energy, satiety bars',
         category: 'user',
         minSize: { w: 1, h: 2 },
-        defaultSize: { w: 2, h: 2 },
-        // Column-aware max size: full width in 3-4 col for horizontal spread
+        // Column-aware sizing: narrow and tall at 2 cols, wider at 3+ cols
+        defaultSize: (columns) => {
+            if (columns <= 2) {
+                return { w: 1, h: 3 }; // Mobile: 1 col wide, 3 rows tall
+            }
+            return { w: 2, h: 3 }; // Desktop: 2 cols wide, 3 rows tall
+        },
+        // Column-aware max size: same as default to prevent expansion
         maxAutoSize: (columns) => {
             if (columns <= 2) {
-                return { w: 2, h: 2 }; // Mobile: use full 2-col width
+                return { w: 1, h: 3 }; // Mobile: 1x3
             }
-            return { w: 3, h: 3 }; // Desktop: span 3 columns horizontally
+            return { w: 2, h: 3 }; // Desktop: 2x3
         },
         requiresSchema: false,