Frontend feature: add compact mode toggle for dense leaderboard and event tables

[CMI-James]

Background

Data-heavy views need a denser presentation option for advanced users who want to scan more rows without losing readability.

Feature Focus

Add a compact mode toggle for leaderboard and event-heavy tables.

Where to Implement (Exact Targets)

• apps/web/src/components/table/*
• apps/web/src/pages/*
• apps/web/src/state/*
• apps/web/src/tests/*

What to Implement

• Add a compact mode toggle that reduces row height, spacing, and supporting chrome in dense tables.
• Persist the user preference appropriately for the session or account context if the app already supports similar persistence.
• Ensure compact mode maintains readability and touch targets where required.
• Scope the first rollout to leaderboard and event-related table views.

Interface / Endpoint / Method Details

• Use a shared preference mechanism if one already exists.
• Keep the table API straightforward so future pages can opt in without duplicating logic.
• Avoid layout shifts that break column alignment.

Acceptance Criteria

• Eligible table views can switch between standard and compact density.
• User preference persists according to existing app patterns.
• Mobile and narrow screens remain usable.

Required Tests

• Component or integration tests for toggle behavior and persisted preference restoration.
• Visual or DOM assertions that row density changes without breaking headers or alignment.

Definition of Done

• Compact mode is implemented on representative dense table views.
• Tests cover toggle, persistence, and layout stability.

[ReinaMaze]

@ReinaMaze has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Gm , can I work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @ReinaMaze to this issue.

[Mawuli-tech]

@Mawuli-tech has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Can I work on this issue?

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Mawuli-tech to this issue.