Optimized and organized all clients imports

client/src/pages/printing/index.tsx

@@ -1,13 +1,13 @@
-import React from "react";
+import { PageHeader } from "@refinedev/antd";
 import { IResourceComponentsProps, useTranslate } from "@refinedev/core";
+import { theme } from "antd";
+import { Content } from "antd/es/layout/layout";
 import dayjs from "dayjs";
 import utc from "dayjs/plugin/utc";
-import { Content } from "antd/es/layout/layout";
-import { theme } from "antd";
+import React from "react";
+import { useNavigate, useSearchParams } from "react-router-dom";
 import SpoolQRCodePrintingDialog from "./spoolQrCodePrintingDialog";
 import SpoolSelectModal from "./spoolSelectModal";
-import { useNavigate, useSearchParams } from "react-router-dom";
-import { PageHeader } from "@refinedev/antd";
 
 dayjs.extend(utc);
 

client/src/pages/printing/printing.tsx

@@ -1,6 +1,6 @@
-import { ISpool } from "../spools/model";
-import { useGetSetting, useSetSetting } from "../../utils/querySettings";
 import { v4 as uuidv4 } from "uuid";
+import { useGetSetting, useSetSetting } from "../../utils/querySettings";
+import { ISpool } from "../spools/model";
 
 export interface PrintSettings {
   id: string;

client/src/pages/printing/printingDialog.tsx

@@ -1,23 +1,23 @@
-import React, { useRef } from "react";
+import { PrinterOutlined } from "@ant-design/icons";
+import { useTranslate } from "@refinedev/core";
 import {
-  Slider,
   Button,
-  Select,
-  Row,
   Col,
-  Form,
-  Divider,
-  RadioChangeEvent,
-  Radio,
-  InputNumber,
   Collapse,
+  Divider,
+  Form,
+  InputNumber,
+  Radio,
+  RadioChangeEvent,
+  Row,
+  Select,
+  Slider,
   Space,
 } from "antd";
+import React, { useRef } from "react";
 import ReactToPrint from "react-to-print";
 import { useSavedState } from "../../utils/saveload";
-import { useTranslate } from "@refinedev/core";
 import { PrintSettings } from "./printing";
-import { PrinterOutlined } from "@ant-design/icons";
 
 interface PrintingDialogProps {
   items: JSX.Element[];

client/src/pages/printing/qrCodePrintingDialog.tsx

@@ -1,7 +1,7 @@
-import { Col, Form, InputNumber, QRCode, Row, Slider, Switch } from "antd";
-import PrintingDialog from "./printingDialog";
 import { useTranslate } from "@refinedev/core";
+import { Col, Form, InputNumber, QRCode, Row, Slider, Switch } from "antd";
 import { QRCodePrintSettings } from "./printing";
+import PrintingDialog from "./printingDialog";
 
 interface QRCodeData {
   value: string;

client/src/pages/printing/spoolQrCodePrintingDialog.tsx

@@ -1,20 +1,20 @@
-import { Button, Flex, Form, Input, Modal, Popconfirm, Select, Table, Typography, message } from "antd";
-import { ISpool } from "../spools/model";
-import QRCodePrintingDialog from "./qrCodePrintingDialog";
-import { useSavedState } from "../../utils/saveload";
+import { CopyOutlined, DeleteOutlined, PlusOutlined, SaveOutlined } from "@ant-design/icons";
 import { useTranslate } from "@refinedev/core";
+import { Button, Flex, Form, Input, Modal, Popconfirm, Select, Table, Typography, message } from "antd";
+import TextArea from "antd/es/input/TextArea";
+import { useState } from "react";
+import { v4 as uuidv4 } from "uuid";
+import { EntityType, useGetFields } from "../../utils/queryFields";
+import { useSavedState } from "../../utils/saveload";
+import { useGetSpoolsByIds } from "../spools/functions";
+import { ISpool } from "../spools/model";
 import {
   SpoolQRCodePrintSettings,
   renderLabelContents,
   useGetPrintSettings as useGetPrintPresets,
   useSetPrintSettings as useSetPrintPresets,
 } from "./printing";
-import { useState } from "react";
-import { CopyOutlined, DeleteOutlined, PlusOutlined, SaveOutlined } from "@ant-design/icons";
-import { v4 as uuidv4 } from "uuid";
-import TextArea from "antd/es/input/TextArea";
-import { EntityType, useGetFields } from "../../utils/queryFields";
-import { useGetSpoolsByIds } from "../spools/functions";
+import QRCodePrintingDialog from "./qrCodePrintingDialog";
 
 const { Text } = Typography;
 

client/src/pages/printing/spoolSelectModal.tsx

@@ -1,14 +1,14 @@
-import { useMemo, useState } from "react";
-import { Table, Checkbox, Space, Row, Col, message, Button } from "antd";
-import { ISpool } from "../spools/model";
-import { FilteredQueryColumn, SortedColumn, SpoolIconColumn } from "../../components/column";
-import { TableState } from "../../utils/saveload";
+import { RightOutlined } from "@ant-design/icons";
 import { useTable } from "@refinedev/antd";
+import { Button, Checkbox, Col, message, Row, Space, Table } from "antd";
 import { t } from "i18next";
+import { useMemo, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { FilteredQueryColumn, SortedColumn, SpoolIconColumn } from "../../components/column";
 import { useSpoolmanFilamentFilter, useSpoolmanMaterials } from "../../components/otherModels";
 import { removeUndefined } from "../../utils/filtering";
-import { useNavigate } from "react-router-dom";
-import { RightOutlined } from "@ant-design/icons";
+import { TableState } from "../../utils/saveload";
+import { ISpool } from "../spools/model";
 
 interface Props {
   description?: string;