remove unneeded imports

src/frontend/src/components/buttons/SplitButton.css.ts

@@ -1,4 +1,3 @@
-import { rem } from '@mantine/core';
 import { style } from '@vanilla-extract/css';
 
 import { vars } from '../../theme';

src/frontend/src/components/nav/DetailDrawer.css.ts

@@ -1,8 +1,5 @@
-import { rem } from '@mantine/core';
 import { style } from '@vanilla-extract/css';
 
-import { vars } from '../../theme';
-
 export const flex = style({
   display: 'flex',
   flex: 1

src/frontend/src/components/nav/MainMenu.tsx

@@ -12,7 +12,7 @@ import { Link, useNavigate } from 'react-router-dom';
 import { doLogout } from '../../functions/auth';
 import * as classes from '../../main.css';
 import { useUserState } from '../../states/UserState';
-import { theme, vars } from '../../theme';
+import { vars } from '../../theme';
 
 export function MainMenu() {
   const navigate = useNavigate();

src/frontend/src/components/nav/NavHoverMenu.tsx

@@ -18,7 +18,7 @@ import { menuItems } from '../../defaults/menuItems';
 import * as classes from '../../main.css';
 import { useServerApiState } from '../../states/ApiState';
 import { useLocalState } from '../../states/LocalState';
-import { theme, vars } from '../../theme';
+import { vars } from '../../theme';
 import { InvenTreeLogo } from '../items/InvenTreeLogo';
 import { MenuLinks } from '../items/MenuLinks';
 

src/frontend/src/components/widgets/FeedbackWidget.tsx

@@ -2,7 +2,6 @@ import { Trans } from '@lingui/macro';
 import { Button, Stack, Title } from '@mantine/core';
 import { useColorScheme } from '@mantine/hooks';
 import { IconExternalLink } from '@tabler/icons-react';
-import { useCodeMirror } from '@uiw/react-codemirror';
 
 import { vars } from '../../theme';
 

src/frontend/src/components/widgets/WidgetLayout.css.ts

@@ -1,4 +1,3 @@
-import { rem } from '@mantine/core';
 import { style } from '@vanilla-extract/css';
 
 import { vars } from '../../theme';

src/frontend/src/contexts/ThemeContext.tsx

@@ -15,13 +15,12 @@ import { ServerInfoModal } from '../components/modals/ServerInfoModal';
 import { useLocalState } from '../states/LocalState';
 
 export function ThemeContext({ children }: { children: JSX.Element }) {
-  const [primaryColor, whiteColor, blackColor, radius, loader] = useLocalState(
+  const [primaryColor, whiteColor, blackColor, radius] = useLocalState(
     (state) => [
       state.primaryColor,
       state.whiteColor,
       state.blackColor,
-      state.radius,
+      state.radius
-      state.loader
     ]
   );
 
@@ -36,7 +35,6 @@ export function ThemeContext({ children }: { children: JSX.Element }) {
     primaryColor: primaryColor,
     white: whiteColor,
     black: blackColor,
-    //loader: loader,
     defaultRadius: radius,
     breakpoints: {
       xs: '30em',

src/frontend/src/defaults/actions.tsx

@@ -1,5 +1,5 @@
 import { t } from '@lingui/macro';
-import type { SpotlightAction, SpotlightActionData } from '@mantine/spotlight';
+import type { SpotlightActionData } from '@mantine/spotlight';
 import { IconHome, IconLink, IconPointer } from '@tabler/icons-react';
 import { NavigateFunction } from 'react-router-dom';