Feature: Add focus mode toggle to hide sidebars and distractions

[bhavyapandiya29]

Feature Request

Describe the feature:
Developers often need a distraction-free environment when focusing on a specific project or task list. A Focus Mode toggle that hides the sidebar and expands the main content area would be a great addition.

Proposed Solution:

• Add a small toggle button (e.g. an expand/collapse icon) in the header or next to the sidebar.
• When activated, transition the sidebar width to 0 (or hide it) and make the main dashboard take up 100% width.
• Save the toggle state in localStorage.

Why this is useful:
Maximizes screen real estate for task management, especially useful on smaller laptops.

Please assign this issue to me! @Priyanshu-byte-coder

[vaishnavi003-svg]

please assign this issue to me.
thank you

[RajD2910]

Hi @Priyanshu-byte-coder,

I'd like to work on this feature. I can implement the Focus Mode toggle, responsive layout adjustments, and localStorage persistence.

Could you please assign this issue to me if it gets availabe.

Thanks!

[github-actions]

Assigned to @RajD2910! You have 7 days to open a PR. No PR after 7 days = auto-unassigned so others can pick it up. Good luck!

[bhavyapandiya29]

Hi @Priyanshu-byte-coder ,

I created this issue and have already reviewed the problem. I would like to work on implementing the fix.

Please assign this issue to me under GSSoC 2026.

Thank you!

[RajD2910]

Hi @Priyanshu-byte-coder ,

I'm currently working on this issue and noticed that the existing "DashboardSidebar" component is present in the codebase but doesn't appear to be used in the current dashboard implementation. The active dashboard seems to be built around 'DashboardHeader' and "CustomizableDashboard".

Could you please confirm whether Focus Mode should be implemented for a different layout/component, or if this issue refers to an older dashboard structure?

Thanks!