Simplify sidebar tab headers at narrow widths

[BorisTyshkevich]

Problem

When the left sidebar is resized to a narrow width, the top and bottom tab headers become visually inconsistent and difficult to scan.

The tab rows currently retain decorative icons, separator dots and item counts alongside their labels. At narrow widths these elements compete for space, causing awkward wrapping/alignment and making the panel look broken.

Affected tab headers:

• Databases
• Dashboard
• Library
• History

Expected behaviour

At a narrow-sidebar breakpoint, render compact text-only tab headers:

• Databases
• Dashboard
• Library
• History

Hide non-essential header elements at that breakpoint, including:

• tab icons;
• separator/status dots;
• database, dashboard, library or history counts.

The four labels should remain readable, consistently aligned and usable without horizontal overflow or accidental wrapping.

The normal wider-sidebar presentation should remain unchanged.

Acceptance criteria

• A narrow sidebar switches both tab rows to text-only labels.
• Icons, dots and numeric counts are hidden only in the compact state.
• Databases, Dashboard, Library and History remain fully readable and clickable.
• Both tab rows use consistent spacing and alignment.
• No horizontal overflow, clipped label or overlapping tab content occurs at the minimum supported sidebar width.
• Expanding the sidebar restores the existing full tab presentation.
• A browser regression test covers the narrow and restored-width states.