fix: reverse Toolbox header orientation

src/AppShell.test.tsx

@@ -21,6 +21,27 @@ describe('Toolbox application shell', () => {
         name: 'Source for OneNote Tools on Gitea',
       })
     ).toHaveAttribute('href', 'https://git.add-ideas.de/zemion/onenote-tools');
+    expect(
+      Array.from(
+        screen.getByRole('group', { name: 'Toolbox controls' }).children,
+        (element) => element.getAttribute('aria-label')
+      )
+    ).toEqual([
+      'Help',
+      'Source for OneNote Tools on Gitea',
+      'Apps',
+      'Personalize',
+    ]);
+    expect(
+      Array.from(
+        document.querySelector('.toolbox-shell__bar')?.children ?? [],
+        (element) => element.className
+      )
+    ).toEqual([
+      'toolbox-shell__brand',
+      'toolbox-shell__identity',
+      'toolbox-shell__controls',
+    ]);
 
     await user.click(screen.getByRole('button', { name: 'Help' }));
     expect(
@@ -32,7 +53,16 @@ describe('Toolbox application shell', () => {
     const user = userEvent.setup();
     const { container } = render(<App />);
 
-    await user.click(screen.getByText('Personalize'));
+    await user.click(screen.getByRole('button', { name: 'Personalize' }));
+    expect(
+      screen.getByRole('heading', { name: 'Personalize your toolbox' })
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('group', { name: 'Appearance' })
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', { name: 'Export JSON' })
+    ).not.toBeInTheDocument();
     await user.click(screen.getByRole('button', { name: 'Dark' }));
 
     expect(container.querySelector('.toolbox-shell')).toHaveAttribute(

src/version.ts

@@ -1 +1 @@
-export const APP_VERSION = '0.3.1';
+export const APP_VERSION = '0.3.2';