feat: adjust breakpoint for icons in documents tab CLOUDP-328862

[rubydong]

Description

https://jira.mongodb.org/browse/CLOUDP-328862
When the screen is small, the insights button looks bad when expanded. I adjusted the breakpoint but only had it affect the icons in the documents tab since DropdownMenu is a reusable component used in other areas as well.

Before:

Screen.Recording.2025-07-02.at.5.58.42.PM.mov

After (Normal screen):

After (Resizing mode):

Screen.Recording.2025-07-03.at.10.37.46.AM.mov

Checklist

• New tests and/or benchmarks are included
• Documentation is changed or added
• If this change updates the UI, screenshots/videos are added and a design review is requested
• I have signed the MongoDB Contributor License Agreement (https://www.mongodb.com/legal/contributor-agreement)

Motivation and Context

• Bugfix
• New feature
• Dependency update
• Misc

Open Questions

Dependents

Types of changes

• Backport Needed
• Patch (non-breaking change which fixes an issue)
• Minor (non-breaking change which adds functionality)
• Major (fix or feature that would cause existing functionality to change)

[kraenhansen]

nit: Might as use an actual doc comment here.

Suggested change

	export const DOCUMENT_NARROW_ICON_BREAKPOINT = '1264px'; // This is the width at which the icons switch to narrow mode in the Documents tab.
	/**
	* The width at which the icons switch to narrow mode in the Documents tab
	*/
	export const DOCUMENT_NARROW_ICON_BREAKPOINT = '1264px';