refactor

frontend/src/ui/PanelHeader.jsx

@@ -1,6 +1,5 @@
 import React from 'react';
-
-const composeClassName = (base, extra) => (extra ? `${base} ${extra}` : base);
+import composeClassName from './classNames';
 
 const PanelHeader = ({
   className = '',

frontend/src/ui/classNames.js

@@ -0,0 +1,3 @@
+export const composeClassName = (base, extra) => (extra ? `${base} ${extra}` : base);
+
+export default composeClassName;

frontend/src/ui/icons.js

@@ -41,8 +41,7 @@ import {
   IconFileInfo,
 } from '@tabler/icons-react';
 import FolderSvg from '../assets/folder.svg';
-
-const composeClassName = (base, extra) => (extra ? `${base} ${extra}` : base);
+import composeClassName from './classNames';
 
 export const ChevronIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
   <TablerChevronRight

frontend/src/ui/useFloatingMenu.js

@@ -1,9 +1,8 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
+import { clamp } from '../utils/math';
 
 const DEFAULT_VIEWPORT_MARGIN = 8;
 
-const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
-
 const resolveViewportWidth = () => {
   if (typeof window !== 'undefined' && typeof window.innerWidth === 'number') {
     return window.innerWidth;