Reorder toolbar icons (#522)

* Reorder toolbar icons

* Update Playwright Snapshots

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: arjxn-py

packages/base/src/toolbar/widget.tsx

@@ -169,59 +169,60 @@ export class ToolbarWidget extends ReactiveToolbar {
 
         // View helpers
         this.addItem(
-          'Axes Helper',
+          'Exploded View',
           new CommandToolbarButton({
-            id: CommandIDs.updateAxes,
+            id: CommandIDs.updateExplodedView,
             label: '',
             commands: options.commands
           })
         );
         this.addItem(
-          'Exploded View',
+          'Clip View',
           new CommandToolbarButton({
-            id: CommandIDs.updateExplodedView,
+            id: CommandIDs.updateClipView,
             label: '',
             commands: options.commands
           })
         );
         this.addItem(
-          'Camera Settings',
+          'Toggle Wireframe',
           new CommandToolbarButton({
-            id: CommandIDs.updateCameraSettings,
+            id: CommandIDs.wireframe,
             label: '',
             commands: options.commands
           })
         );
+        this.addItem('separator6', new Separator());
+
         this.addItem(
-          'Clip View',
+          'Axes Helper',
           new CommandToolbarButton({
-            id: CommandIDs.updateClipView,
+            id: CommandIDs.updateAxes,
             label: '',
             commands: options.commands
           })
         );
-
-        this.addItem('separator6', new Separator());
         this.addItem(
-          'Toggle console',
+          'Camera Settings',
           new CommandToolbarButton({
-            id: CommandIDs.toggleConsole,
-            commands: options.commands,
+            id: CommandIDs.updateCameraSettings,
             label: '',
-            icon: terminalIcon
+            commands: options.commands
           })
         );
+        this.addItem('separator7', new Separator());
 
         this.addItem(
-          'Toggle Wireframe',
+          'Toggle console',
           new CommandToolbarButton({
-            id: CommandIDs.wireframe,
+            id: CommandIDs.toggleConsole,
+            commands: options.commands,
             label: '',
-            commands: options.commands
+            icon: terminalIcon
           })
         );
 
-        this.addItem('separator7', new Separator());
+        this.addItem('separator8', new Separator());
         (options.externalCommands ?? []).forEach(cmd => {
           this.addItem(
             cmd.name,