Description

The dashboard panel does not have scrolling support. When the panel content exceeds the available screen height (due to screen size or having multiple sections enabled), users cannot scroll down to see all content, particularly the Stats section (CPU, RAM, GPU, Storage metrics) which is at the bottom.

Current behavior

The dashboard content is wrapped in a simple <box> container without any <scrollable> widget:

// src/components/menus/dashboard/index.tsx
<box className={'dashboard-content-container'} vertical>
    <box className={'dashboard-content-items'} vertical>
        <Profile />
        <Shortcuts />
        <Controls />
        <Directories />
        <Stats />  // Cannot be seen on smaller screens
    </box>
</box>

Content that doesn't fit is simply cut off with no way to access it.

Expected behavior

Users should be able to scroll down within the dashboard panel to view all sections, similar to how other menus (Audio, Bluetooth, Network) implement scrolling with the <scrollable> widget.

Affected users

• Users with smaller screens or lower resolutions
• Users with multiple dashboard sections enabled
• Users who want to see the Stats section at the bottom

Proposed solution

Wrap the dashboard content in a <scrollable> widget with appropriate height constraints and apply the existing .menu-scroller styling for consistent scrollbar appearance.