clean model (A)

src/View/Modals/boardSettingsModal.tsx

@@ -1,10 +1,9 @@
 import * as React from "bloatless-react";
-
-import BoardViewModel from "../../ViewModel/Pages/boardViewModel";
-import { ColorPicker } from "../Components/colorPicker";
-import { DangerousActionButton } from "../Components/dangerousActionButton";
-import CoreViewModel from "../../ViewModel/Global/coreViewModel";
 import { ViewController } from "../viewController";
+import { DangerousActionButton } from "../Components/dangerousActionButton";
+import { ColorPicker } from "../Components/colorPicker";
+import BoardViewModel from "../../ViewModel/Pages/boardViewModel";
+import CoreViewModel from "../../ViewModel/Global/coreViewModel";
 
 export function BoardSettingsModal(
     coreViewModel: CoreViewModel,

src/View/Modals/chatMessageInfoModal.tsx

@@ -1,10 +1,9 @@
 import * as React from "bloatless-react";
-
-import ChatMessageViewModel from "../../ViewModel/Chat/chatMessageViewModel";
+import { MessageReactionEntry } from "../Components/messageReactionEntry";
 import { MessageReactionButtonRow } from "../Components/messageReactionButtonRow";
 import { InfoTile } from "../Components/infoTile";
 import CoreViewModel from "../../ViewModel/Global/coreViewModel";
-import { MessageReactionEntry } from "../Components/messageReactionEntry";
+import ChatMessageViewModel from "../../ViewModel/Chat/chatMessageViewModel";
 
 export function ChatMessageInfoModal(
     coreViewModel: CoreViewModel,

src/View/Modals/connectionModal.tsx

@@ -1,8 +1,7 @@
 import * as React from "bloatless-react";
-
-import ConnectionViewModel from "../../ViewModel/Global/connectionViewModel";
 import { DeletableListItem } from "../Components/deletableListItem";
 import CoreViewModel from "../../ViewModel/Global/coreViewModel";
+import ConnectionViewModel from "../../ViewModel/Global/connectionViewModel";
 
 export function ConnectionModal(
     coreViewModel: CoreViewModel,

src/View/Modals/dataTransferModal.tsx

@@ -1,15 +1,13 @@
 import * as React from "bloatless-react";
-
+import { ViewController } from "../viewController";
+import { StringToTextSpan } from "../Components/textSpan";
 import FileTransferViewModel, {
     FileTransferModals,
     FileTransferOption,
 } from "../../ViewModel/Global/fileTransferViewModel";
-
+import CoreViewModel from "../../ViewModel/Global/coreViewModel";
 import ConnectionViewModel from "../../ViewModel/Global/connectionViewModel";
 import StorageModel from "../../Model/Global/storageModel";
-import { StringToTextSpan } from "../Components/textSpan";
-import CoreViewModel from "../../ViewModel/Global/coreViewModel";
-import { ViewController } from "../viewController";
 
 export function DataTransferModalWrapper(
     coreViewModel: CoreViewModel,

src/View/Modals/messageFilterModal.tsx

@@ -1,10 +1,9 @@
 import * as React from "bloatless-react";
-
-import CoreViewModel from "../../ViewModel/Global/coreViewModel";
-import MessagePageViewModel from "../../ViewModel/Pages/messagePageViewModel";
-import { MessageReactionFilterButton } from "../Components/messageReactionFilterButton";
-import { ReactionSymbols } from "../../Model/Chat/chatModel";
 import { ViewController } from "../viewController";
+import { MessageReactionFilterButton } from "../Components/messageReactionFilterButton";
+import MessagePageViewModel from "../../ViewModel/Pages/messagePageViewModel";
+import CoreViewModel from "../../ViewModel/Global/coreViewModel";
+import { ReactionSymbols } from "../../Model/Chat/chatModel";
 
 export function MessageFilterModal<T>(
     coreViewModel: CoreViewModel,

src/View/Modals/searchModal.tsx

@@ -1,10 +1,9 @@
-import * as React from "bloatless-react";
-
-import SearchViewModel from "../../ViewModel/Utility/searchViewModel";
-import { StringToOption } from "../Components/option";
 import { v4 } from "uuid";
-import CoreViewModel from "../../ViewModel/Global/coreViewModel";
+import * as React from "bloatless-react";
 import { ViewController } from "../viewController";
+import { StringToOption } from "../Components/option";
+import SearchViewModel from "../../ViewModel/Utility/searchViewModel";
+import CoreViewModel from "../../ViewModel/Global/coreViewModel";
 
 export function SearchModal<T>(
     coreViewModel: CoreViewModel,

src/View/Modals/settingsModal.tsx

@@ -1,18 +1,15 @@
 import * as React from "bloatless-react";
-
+import { SplitModal } from "./splitModal";
 import { languageNames } from "../translations";
+import { PlaceholderView } from "../Components/placeholderView";
+import { OptionButtonList } from "../Components/optionButtonList";
+import { NavigationButton } from "../Components/navigationButton";
+import { InfoTile } from "../Components/infoTile";
 import SettingsViewModel, {
     SettingsModalPages,
 } from "../../ViewModel/Global/settingsViewModel";
-import { SplitModal } from "./splitModal";
-import { InfoTile } from "../Components/infoTile";
-import { Option } from "../Components/option";
 import CoreViewModel from "../../ViewModel/Global/coreViewModel";
 import { Languages, ThemeSettings } from "../../Model/Global/settingsModel";
-import { OptionButtonList } from "../Components/optionButtonList";
-import { stringify } from "../../Model/Utility/utility";
-import { PlaceholderView } from "../Components/placeholderView";
-import { NavigationButton } from "../Components/navigationButton";
 
 export function SettingsModal(
     coreViewModel: CoreViewModel,

src/View/Modals/splitModal.tsx

@@ -1,7 +1,6 @@
-import CoreViewModel from "../../ViewModel/Global/coreViewModel";
-import "./splitModal.css";
-
 import * as React from "bloatless-react";
+import "./splitModal.css";
+import CoreViewModel from "../../ViewModel/Global/coreViewModel";
 
 export function SplitModal<T>(
     coreViewModel: CoreViewModel,

src/View/Modals/storageModal.tsx

@@ -1,12 +1,10 @@
 import * as React from "bloatless-react";
-
-import { PATH_COMPONENT_SEPARATOR } from "../../Model/Global/storageModel";
-import StorageViewModel from "../../ViewModel/Global/storageViewModel";
-
 import { SplitModal } from "./splitModal";
-import { DangerousActionButton } from "../Components/dangerousActionButton";
 import { DirectoryItemList } from "../Components/directoryItemList";
+import { DangerousActionButton } from "../Components/dangerousActionButton";
+import StorageViewModel from "../../ViewModel/Global/storageViewModel";
 import CoreViewModel from "../../ViewModel/Global/coreViewModel";
+import { PATH_COMPONENT_SEPARATOR } from "../../Model/Global/storageModel";
 
 export function StorageModal(
     coreViewModel: CoreViewModel,

src/View/Modals/taskSettingsModal.tsx

@@ -1,15 +1,13 @@
+import { v4 } from "uuid";
 import * as React from "bloatless-react";
-
 import {
     Entry,
     Option,
     StringToOption,
     VersionIdToOption,
 } from "../Components/option";
-
 import { DangerousActionButton } from "../Components/dangerousActionButton";
 import TaskViewModel from "../../ViewModel/Pages/taskViewModel";
-import { v4 } from "uuid";
 import CoreViewModel from "../../ViewModel/Global/coreViewModel";
 
 export function TaskSettingsModal(