components/toolbar: move from utils

This is a better home.

src/components/toolbar/Toolbar.tsx

@@ -2,7 +2,7 @@
 // Copyright (c) 2022 The Pybricks Authors
 
 import React, { AriaAttributes, KeyboardEventHandler, useCallback } from 'react';
-import { FocusAction } from './react';
+import { FocusAction } from '../../utils/react';
 
 type ToolbarProps = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> & {
     /** CSS class name for the tooltip element. */

src/explorer/Explorer.tsx

@@ -24,8 +24,8 @@ import {
     useTreeEnvironment,
 } from 'react-complex-tree';
 import { useDispatch } from 'react-redux';
+import Toolbar from '../components/toolbar/Toolbar';
 import { useSelector } from '../reducers';
-import Toolbar from '../utils/Toolbar';
 import { isMacOS } from '../utils/os';
 import { useRovingTabIndex } from '../utils/react';
 import { TreeItemContext, TreeItemData, renderers } from '../utils/tree-renderer';

src/toolbar/Toolbar.tsx

@@ -3,7 +3,7 @@
 
 import { ButtonGroup } from '@blueprintjs/core';
 import React, { useRef } from 'react';
-import UtilsToolbar from '../utils/Toolbar';
+import UtilsToolbar from '../components/toolbar/Toolbar';
 import { useRovingTabIndex } from '../utils/react';
 import BluetoothButton from './buttons/bluetooth/BluetoothButton';
 import FlashButton from './buttons/flash/FlashButton';

src/utils/react.test.tsx

@@ -5,7 +5,7 @@ import { cleanup } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import React, { useRef } from 'react';
 import { testRender } from '../../test';
-import Toolbar from './Toolbar';
+import Toolbar from '../components/toolbar/Toolbar';
 import { useRovingTabIndex } from './react';
 
 afterEach(() => {