Separate "Load from preset" into its own action in the tools menu

[Copilot]

Problem

The current tools dropdown combines "Load from file/folder" and "Load from preset" into a single menu item that opens a modal with a toggle between the two modes. This creates a confusing user experience where users have to:

1. Click "Load from file or preset"
2. Then toggle between "File or Folder" and "Preset" modes within the modal

This doesn't make much sense from a UX perspective since these are fundamentally different actions that users want to perform directly.

Solution

This PR separates the combined action into two distinct menu items in the tools dropdown:

• "Load from file/folder" - Opens a focused modal dedicated to importing from files/folders
• "Load from preset" - Opens a focused modal dedicated to loading presets

Changes

New Components

• FileLoadModal.tsx - Dedicated modal for file/folder importing using the existing FilePreset component
• PresetLoadModal.tsx - Dedicated modal for preset loading using the existing DefaultPreset component

Updated Components

• ToolsDropdown.tsx - Now renders two separate menu items instead of one combined item
• Removed dependency on the original PresetModal for the new workflow

Translation Updates

Added new translation keys in multiple languages:

• loadFromFile - "Load from file/folder"
• loadFromPreset - "Load from preset"

Test Updates

• Updated TokenBottomBar.test.tsx to work with the new separate menu structure

Benefits

• Clearer user intent - Users can directly select their desired action
• Faster workflow - No need to navigate toggles within modals
• Better information architecture - Each action has its own focused dialog with appropriate title
• Minimal code changes - Reuses existing components while improving UX

The original PresetModal with its toggle functionality remains available for any other parts of the codebase that might need it, ensuring backward compatibility.

Original prompt

Lets separate "Load from preset" into its own action in the tools menu. right now its part of the Load from file or preset - doesnt make much sense, lets rather make it its own dialog

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[changeset-bot]

🦋 Changeset detected

Latest commit: f447e2b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@tokens-studio/figma-plugin	Patch

Not sure what this means? Click here to learn what changesets are.

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