Add prettier plugin for import sorting

[MattIPv4]

Same plugin that we use in alveusgg/alveusgg

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	extension-preview	d4ac62a	Commit Preview URL Branch Preview URL	Jan 31 2026, 06:04 PM

[Copilot]

Pull request overview

This pull request adds the @trivago/prettier-plugin-sort-imports plugin to automatically sort and organize imports across the codebase, matching the configuration used in the alveusgg/alveusgg repository.

Changes:

• Added @trivago/prettier-plugin-sort-imports v6.0.2 as a dev dependency
• Configured Prettier with import ordering rules that separate built-in modules, third-party packages, @alveusgg/data imports, and local imports by category (utils, hooks, components, styles, assets)
• Reformatted all import statements across 25+ files to follow the new import ordering convention

Reviewed changes

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

Show a summary per file

File	Description
package.json	Added plugin dependency and configured import ordering rules with separation and sorting options
pnpm-lock.yaml	Updated lock file with new plugin dependencies and transitive dependencies
webpack.config.ts	Sorted imports alphabetically within third-party modules group, preserved side-effect import at end
src/pages/panel/components/Nav.tsx	Reorganized imports to group components before assets
src/pages/panel/components/Ambassadors.tsx	Sorted imports into utils, hooks, and components groups with proper separation
src/pages/panel/App.tsx	Sorted local component imports alphabetically
src/pages/overlay/index.tsx	Reorganized imports by category, preserved CSS side-effect import at end
src/pages/overlay/hooks/useSleeping.tsx	Sorted React imports with type imports first
src/pages/overlay/hooks/useSettings.tsx	Organized imports into utils and local component groups with type imports sorted first
src/pages/overlay/components/overlay/Settings.tsx	Added blank line separation between component imports
src/pages/overlay/components/overlay/Overlay.tsx	Reorganized imports into utils, hooks, components, and local imports groups
src/pages/overlay/components/overlay/Ambassadors.tsx	Sorted imports by category with proper grouping and separation
src/pages/overlay/components/Toggle.tsx	Sorted React imports with type imports first
src/pages/overlay/components/Select.tsx	Sorted React imports with type imports first
src/pages/overlay/components/Buttons.tsx	Reorganized imports into utils and components groups
src/pages/overlay/App.tsx	Sorted React imports and added separation before hooks imports
src/hooks/useChatCommand.ts	Removed extra blank line between local imports
src/hooks/useAmbassadors.tsx	Reorganized @alveusgg/data imports and sorted utils/assets imports
src/components/icons/BaseIcon.tsx	Sorted React type imports alphabetically
src/components/Welcome.tsx	Reorganized imports into hooks, components, and icon groups
src/components/Tooltip.tsx	Sorted React imports with types and functions properly ordered
src/components/TiltCard.tsx	Sorted React imports and added separation before utils
src/components/AmbassadorCard.tsx	Reorganized imports into utils, hooks, assets, and components groups
src/components/AmbassadorButton.tsx	Added separation between utils and hooks imports
eslint.config.mjs	Sorted third-party imports alphabetically

Files not reviewed (1)

• pnpm-lock.yaml: Language not supported

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.