Update sorting priority

frontend/.prettierrc

@@ -7,9 +7,9 @@
     "@trivago/prettier-plugin-sort-imports"
   ],
   "importOrder": [
-    "^@core/(.*)$",
-    "^@server/(.*)$",
-    "^@ui/(.*)$",
+    "^react$",
+    "^react-.*$",
+    "<THIRD_PARTY_MODULES>",
     "^[./]"
   ],
   "importOrderSeparation": false

frontend/src/App.tsx

@@ -1,3 +1,5 @@
+import React, { useCallback, useMemo, useState, JSX } from 'react';
+import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import NiceModal from '@ebay/nice-modal-react';
 import { PaletteMode } from '@mui/material';
 import { AlertColor } from '@mui/material/Alert';
@@ -7,8 +9,6 @@ import { ThemeProvider } from '@mui/material/styles';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import React, { useCallback, useMemo, useState, JSX } from 'react';
-import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import {
     PermissionLevel,
     readRefreshToken,

frontend/src/component/BanASNModal.tsx

@@ -1,8 +1,8 @@
+import React from 'react';
 import GavelIcon from '@mui/icons-material/Gavel';
 import { Dialog, DialogContent, DialogTitle } from '@mui/material';
 import Stack from '@mui/material/Stack';
 import { useFormik } from 'formik';
-import React from 'react';
 import * as yup from 'yup';
 import { apiCreateBanASN, BanReason, BanType, Duration } from '../api';
 import { useUserFlashCtx } from '../contexts/UserFlashCtx';

frontend/src/component/BanCIDRModal.tsx

@@ -1,8 +1,8 @@
+import React from 'react';
 import GavelIcon from '@mui/icons-material/Gavel';
 import { Dialog, DialogContent, DialogTitle } from '@mui/material';
 import Stack from '@mui/material/Stack';
 import { useFormik } from 'formik';
-import React from 'react';
 import * as yup from 'yup';
 import { apiCreateBanCIDR, BanReason, BanType, Duration } from '../api';
 import { useUserFlashCtx } from '../contexts/UserFlashCtx';

frontend/src/component/BanGroupModal.tsx

@@ -1,8 +1,8 @@
+import React from 'react';
 import GavelIcon from '@mui/icons-material/Gavel';
 import { Dialog, DialogContent, DialogTitle } from '@mui/material';
 import Stack from '@mui/material/Stack';
 import { useFormik } from 'formik';
-import React from 'react';
 import * as yup from 'yup';
 import {
     apiCreateBanGroup,

frontend/src/component/BanSteamModal.tsx

@@ -1,8 +1,8 @@
+import React, { useMemo } from 'react';
 import GavelIcon from '@mui/icons-material/Gavel';
 import { Dialog, DialogContent, DialogTitle } from '@mui/material';
 import Stack from '@mui/material/Stack';
 import { useFormik } from 'formik';
-import React, { useMemo } from 'react';
 import * as yup from 'yup';
 import { apiCreateBanSteam, BanReason, BanType, Duration } from '../api';
 import { useUserFlashCtx } from '../contexts/UserFlashCtx';

frontend/src/component/ConfirmDeleteFilterModal.tsx

@@ -1,5 +1,5 @@
-import Stack from '@mui/material/Stack';
 import React, { useCallback } from 'react';
+import Stack from '@mui/material/Stack';
 import { apiDeleteFilter, Filter } from '../api/filters';
 import { useUserFlashCtx } from '../contexts/UserFlashCtx';
 import { logErr } from '../util/errors';

frontend/src/component/ConfirmationModal.tsx

@@ -1,3 +1,4 @@
+import React, { JSX } from 'react';
 import CheckIcon from '@mui/icons-material/Check';
 import ClearIcon from '@mui/icons-material/Clear';
 import {
@@ -8,7 +9,6 @@ import {
 } from '@mui/material';
 import Button from '@mui/material/Button';
 import { Breakpoint } from '@mui/system';
-import React, { JSX } from 'react';
 
 export interface ConfirmationModalProps<T> {
     initialValue?: T;

frontend/src/component/ContainerWithHeader.tsx

@@ -1,6 +1,6 @@
+import React, { JSX } from 'react';
 import Paper from '@mui/material/Paper';
 import Stack from '@mui/material/Stack';
-import React, { JSX } from 'react';
 import { Heading } from './Heading';
 
 export type JustifyTypes =

frontend/src/component/DataTable.tsx

@@ -1,3 +1,4 @@
+import React, { ReactNode, useEffect, useMemo, useState } from 'react';
 import { Theme } from '@mui/material';
 import MenuItem from '@mui/material/MenuItem';
 import Pagination from '@mui/material/Pagination';
@@ -13,7 +14,6 @@ import TextField from '@mui/material/TextField';
 import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
 import { SxProps, useTheme } from '@mui/material/styles';
-import React, { ReactNode, useEffect, useMemo, useState } from 'react';
 import { LoadingSpinner } from './LoadingSpinner';
 
 export enum RowsPerPage {

frontend/src/component/DataTableRelativeDateField.tsx

@@ -1,8 +1,8 @@
+import React from 'react';
 import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
 import { formatDistanceStrict, intervalToDuration } from 'date-fns';
 import formatDistanceToNowStrict from 'date-fns/formatDistanceToNowStrict';
-import React from 'react';
 
 export const isPermanentBan = (start: Date, end: Date): boolean => {
     const dur = intervalToDuration({

frontend/src/component/DelayedTextInput.tsx

@@ -1,6 +1,6 @@
-import TextField from '@mui/material/TextField';
 import React from 'react';
 import { useTimer } from 'react-timer-hook';
+import TextField from '@mui/material/TextField';
 
 export interface DelayedTextInputProps {
     delay?: number;

frontend/src/component/DeleteServerModal.tsx

@@ -1,5 +1,5 @@
-import Stack from '@mui/material/Stack';
 import React, { useCallback } from 'react';
+import Stack from '@mui/material/Stack';
 import { apiDeleteServer, Server } from '../api';
 import { useUserFlashCtx } from '../contexts/UserFlashCtx';
 import { ConfirmationModal, ConfirmationModalProps } from './ConfirmationModal';

frontend/src/component/ErrorBoundary.tsx

@@ -1,5 +1,5 @@
-import Typography from '@mui/material/Typography';
 import React, { Component, ErrorInfo, ReactNode } from 'react';
+import Typography from '@mui/material/Typography';
 import { logErr } from '../util/errors';
 
 interface BoundaryState {

frontend/src/component/FileUploadModal.tsx

@@ -1,3 +1,4 @@
+import React, { ChangeEvent, useCallback, useState, JSX } from 'react';
 import {
     Dialog,
     DialogActions,
@@ -14,7 +15,6 @@ import Typography from '@mui/material/Typography';
 import { useTheme } from '@mui/material/styles';
 import styled from '@mui/system/styled';
 import { fromByteArray } from 'base64-js';
-import React, { ChangeEvent, useCallback, useState, JSX } from 'react';
 import { UserUploadedFile } from '../api/media';
 import { useUserFlashCtx } from '../contexts/UserFlashCtx';
 import { logErr } from '../util/errors';

frontend/src/component/Flag.tsx

@@ -1,5 +1,5 @@
-import Box from '@mui/material/Box';
 import React, { ReactNode } from 'react';
+import Box from '@mui/material/Box';
 
 const br = (
     <svg

frontend/src/component/Flashes.tsx

@@ -1,6 +1,6 @@
+import React, { JSX } from 'react';
 import Alert from '@mui/material/Alert';
 import { AlertColor } from '@mui/material/Alert';
-import React, { JSX } from 'react';
 import { useUserFlashCtx } from '../contexts/UserFlashCtx';
 
 export interface Flash {

frontend/src/component/Footer.tsx

@@ -1,7 +1,7 @@
+import React, { JSX } from 'react';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
-import React, { JSX } from 'react';
 
 export const Footer = (): JSX.Element => {
     return (

frontend/src/component/FriendList.tsx

@@ -1,3 +1,5 @@
+import React, { Suspense, useMemo, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 import CloseIcon from '@mui/icons-material/Close';
 import SearchIcon from '@mui/icons-material/Search';
 import Avatar from '@mui/material/Avatar';
@@ -12,8 +14,6 @@ import Stack from '@mui/material/Stack';
 import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import { useTheme } from '@mui/material/styles';
-import React, { Suspense, useMemo, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
 import { Person } from '../api';
 import { filterPerson } from '../util/text';
 import { Heading } from './Heading';

frontend/src/component/Heading.tsx

@@ -1,7 +1,7 @@
+import React, { FC, JSX } from 'react';
 import Box from '@mui/material/Box';
 import Grid from '@mui/material/Unstable_Grid2';
 import { useTheme } from '@mui/material/styles';
-import React, { FC, JSX } from 'react';
 import { tf2Fonts } from '../theme';
 
 interface HeadingProps {

frontend/src/component/HealersOverallContainer.tsx

@@ -1,6 +1,6 @@
+import React from 'react';
 import InsightsIcon from '@mui/icons-material/Insights';
 import Grid from '@mui/material/Unstable_Grid2';
-import React from 'react';
 import { apiGetHealersOverall, HealingOverallResult } from '../api';
 import { defaultFloatFmt, defaultFloatFmtPct, humanCount } from '../util/text';
 import { ContainerWithHeader } from './ContainerWithHeader';

frontend/src/component/IPInput.tsx

@@ -1,8 +1,8 @@
+import * as React from 'react';
+import { ChangeEvent, useState } from 'react';
 import FormControl from '@mui/material/FormControl';
 import TextField from '@mui/material/TextField';
 import IPCIDR from 'ip-cidr';
-import * as React from 'react';
-import { ChangeEvent, useState } from 'react';
 
 export interface IPInputProps {
     id?: string;

frontend/src/component/InfoBar.tsx

@@ -1,6 +1,6 @@
+import React from 'react';
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
-import React from 'react';
 
 interface InfoBarProps {
     title: string;

frontend/src/component/LazyTable.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TableSortLabel } from '@mui/material';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
@@ -7,7 +8,6 @@ import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
 import Typography from '@mui/material/Typography';
 import { useTheme } from '@mui/material/styles';
-import React from 'react';
 import { defaultRenderer, HeadingCell, Order } from './DataTable';
 
 export interface LazyTableProps<T> {

frontend/src/component/LazyTableSimple.tsx

@@ -1,6 +1,6 @@
+import React, { useEffect, useMemo, useState } from 'react';
 import { TablePagination } from '@mui/material';
 import Stack from '@mui/material/Stack';
-import React, { useEffect, useMemo, useState } from 'react';
 import { LazyResult } from '../api';
 import { logErr } from '../util/errors';
 import {

frontend/src/component/LinearProgresWithLabel.tsx

@@ -1,9 +1,9 @@
+import React from 'react';
 import Box from '@mui/material/Box';
 import LinearProgress, {
     LinearProgressProps
 } from '@mui/material/LinearProgress';
 import Typography from '@mui/material/Typography';
-import React from 'react';
 
 export const LinearProgressWithLabel = (
     props: LinearProgressProps & { value: number }

frontend/src/component/LoadingPlaceholder.tsx

@@ -1,5 +1,5 @@
-import Box from '@mui/material/Box';
 import React from 'react';
+import Box from '@mui/material/Box';
 import { LoadingSpinner } from './LoadingSpinner';
 
 export const LoadingPlaceholder = () => {

frontend/src/component/LoadingSpinner.tsx

@@ -1,7 +1,7 @@
+import React from 'react';
 import { LoadingButton } from '@mui/lab';
 import CircularProgress from '@mui/material/CircularProgress';
 import { useTheme } from '@mui/material/styles';
-import React from 'react';
 
 export const LoadingSpinner = () => {
     const theme = useTheme();

frontend/src/component/MDEditor.tsx

@@ -1,3 +1,4 @@
+import React, { useEffect, useState, JSX } from 'react';
 import FormatBoldIcon from '@mui/icons-material/FormatBold';
 import FormatIndentDecreaseIcon from '@mui/icons-material/FormatIndentDecrease';
 import FormatIndentIncreaseIcon from '@mui/icons-material/FormatIndentIncrease';
@@ -12,7 +13,6 @@ import Tab from '@mui/material/Tab';
 import Tabs from '@mui/material/Tabs';
 import TextField from '@mui/material/TextField';
 import Tooltip from '@mui/material/Tooltip';
-import React, { useEffect, useState, JSX } from 'react';
 import { apiSaveMedia } from '../api/media';
 import { renderMarkdown } from '../api/wiki';
 import { useUserFlashCtx } from '../contexts/UserFlashCtx';

frontend/src/component/MapUsageContainer.tsx

@@ -1,3 +1,4 @@
+import React, { useEffect, useMemo, useState } from 'react';
 import MapIcon from '@mui/icons-material/Map';
 import TabContext from '@mui/lab/TabContext';
 import TabList from '@mui/lab/TabList';
@@ -8,7 +9,6 @@ import Stack from '@mui/material/Stack';
 import Tab from '@mui/material/Tab';
 import Grid from '@mui/material/Unstable_Grid2';
 import { PieChart } from '@mui/x-charts';
-import React, { useEffect, useMemo, useState } from 'react';
 import { apiGetMapUsage } from '../api';
 import { logErr } from '../util/errors';
 import { ContainerWithHeader } from './ContainerWithHeader';

frontend/src/component/MessageContextModal.tsx

@@ -1,5 +1,5 @@
-import Stack from '@mui/material/Stack';
 import React, { useEffect, useState } from 'react';
+import Stack from '@mui/material/Stack';
 import { apiGetMessageContext, IAPIBanASNRecord, PersonMessage } from '../api';
 import { logErr } from '../util/errors';
 import { ConfirmationModal, ConfirmationModalProps } from './ConfirmationModal';

frontend/src/component/NewsList.tsx

@@ -1,11 +1,11 @@
+import React, { useEffect, useState } from 'react';
 import FolderIcon from '@mui/icons-material/Folder';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
 import Stack from '@mui/material/Stack';
 import { useTheme } from '@mui/material/styles';
-import React, { useEffect, useState } from 'react';
 import { apiGetNewsAll, NewsEntry } from '../api/news';
 import { logErr } from '../util/errors';
 

frontend/src/component/NewsView.tsx

@@ -1,8 +1,8 @@
+import React, { useEffect } from 'react';
+import { useState } from 'react';
 import { Pagination } from '@mui/material';
 import Paper from '@mui/material/Paper';
 import Stack from '@mui/material/Stack';
-import React, { useEffect } from 'react';
-import { useState } from 'react';
 import { apiGetNewsLatest, NewsEntry } from '../api/news';
 import { renderMarkdown } from '../api/wiki';
 import { useUserFlashCtx } from '../contexts/UserFlashCtx';

frontend/src/component/PersonCell.tsx

@@ -1,10 +1,10 @@
+import React, { MouseEventHandler } from 'react';
+import { useNavigate } from 'react-router-dom';
 import Avatar from '@mui/material/Avatar';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
 import { useTheme } from '@mui/material/styles';
-import React, { MouseEventHandler } from 'react';
-import { useNavigate } from 'react-router-dom';
 
 export interface PersonCellProps {
     steam_id: string;

frontend/src/component/PersonMessageTable.tsx

@@ -1,10 +1,10 @@
+import React, { useState } from 'react';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import Menu from '@mui/material/Menu';
 import MenuItem from '@mui/material/MenuItem';
 import { format } from 'date-fns';
-import React, { useState } from 'react';
 import { PersonMessage } from '../api';
 import { steamIdQueryValue, stringHexNumber } from '../util/text';
 import { DataTable, RowsPerPage } from './DataTable';

frontend/src/component/PlayerClassStatsContainer.tsx

@@ -1,7 +1,7 @@
+import React from 'react';
 import BarChartIcon from '@mui/icons-material/BarChart';
 import Grid from '@mui/material/Unstable_Grid2';
 import { formatDistance } from 'date-fns';
-import React from 'react';
 import {
     apiGetPlayerClassOverallStats,
     PlayerClassOverallResult

frontend/src/component/PlayerMessageContext.tsx

@@ -1,3 +1,4 @@
+import React, { useEffect, useState } from 'react';
 import Box from '@mui/material/Box';
 import CircularProgress from '@mui/material/CircularProgress';
 import Link from '@mui/material/Link';
@@ -9,7 +10,6 @@ import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
 import Typography from '@mui/material/Typography';
 import Grid from '@mui/material/Unstable_Grid2';
-import React, { useEffect, useState } from 'react';
 import { apiGetMessageContext, PersonMessage } from '../api';
 import { logErr } from '../util/errors';
 

frontend/src/component/PlayerStatsOverallContainer.tsx

@@ -1,3 +1,4 @@
+import React, { useEffect, useState, JSX } from 'react';
 import BarChartIcon from '@mui/icons-material/BarChart';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
@@ -8,7 +9,6 @@ import TableRow from '@mui/material/TableRow';
 import Typography from '@mui/material/Typography';
 import Grid from '@mui/material/Unstable_Grid2';
 import { formatDistance } from 'date-fns';
-import React, { useEffect, useState, JSX } from 'react';
 import { apiGetPlayerStats, PlayerOverallResult } from '../api';
 import { defaultFloatFmt, defaultFloatFmtPct, humanCount } from '../util/text';
 import { ContainerWithHeader } from './ContainerWithHeader';