Add new navigation for Installed Extensions page

[witoszekdev]

Scope of the change

Added new navigation for Installed Extensions page with "Add Extension" button that opens a dropdown:

Tip

This change is behind a dev feature flag. Enable it with:

localStorage.setItem('FF_extensions_dev', '{"enabled":true,"payload":"default"}')

[changeset-bot]

⚠️ No Changeset found

Latest commit: 6afa655

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[Copilot]

Pull Request Overview

This PR introduces a new navigation component for the Installed Extensions page, aiming to consolidate extension-related actions into a single dropdown button.

• Added the AddExtensionDropdown component with a multi-option dropdown for extension actions.
• Updated InstalledExtensions view to use the new AddExtensionDropdown instead of rendering separate RequestExtensionsButton and InstallWithManifestFormButton.

Reviewed Changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated no comments.

File	Description
src/extensions/views/InstalledExtensions/components/AddExtensionDropdown/index.ts	Re-exports the main component.
src/extensions/views/InstalledExtensions/components/AddExtensionDropdown/AddExtensionDropdown.tsx	Implements a dropdown navigation with options for exploring and installing extensions, including a fallback to the previous navigation if the feature flag is not enabled.
src/extensions/views/InstalledExtensions/InstalledExtensions.tsx	Updates the top navigation to conditionally render the new dropdown component.

Comments suppressed due to low confidence (1)

src/extensions/views/InstalledExtensions/InstalledExtensions.tsx:62

• The AddExtensionDropdown component is now rendered only when hasManagedAppsPermission is true, which may inadvertently hide the RequestExtensionsButton for users without managed apps permission. Please verify that this conditional rendering matches the intended design and user experience.

{hasManagedAppsPermission && <AddExtensionDropdown />}

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 64.10%. Comparing base (f2a4105) to head (6afa655).
Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #5571   +/-   ##
=======================================
  Coverage   64.10%   64.10%           
=======================================
  Files        1386     1386           
  Lines       23909    23909           
  Branches     4743     4743           
=======================================
  Hits        15326    15326           
  Misses       8546     8546           
  Partials       37       37           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[github-actions]

merge-reports: Run #5523

Tests 📝	Passed ✅	Failed ❌	Skipped ⏭️	Pending ⏳	Other ❓	Flaky 🍂	Duration ⏱️
247	247	0	0	0	0	0	5m43s

🎉 All tests passed!

Github Test Reporter by CTRF 💚

🔄 This comment has been updated