💄 Prettier repository

src/components/Dashboard/Mobile/Ribbon/MobileRibbon.tsx

@@ -1,6 +1,7 @@
-import { ActionIcon, createStyles, Space } from '@mantine/core';
+import { ActionIcon, Space, createStyles } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { IconChevronLeft, IconChevronRight } from '@tabler/icons-react';
+
 import { useConfigContext } from '../../../../config/provider';
 import { useScreenLargerThan } from '../../../../hooks/useScreenLargerThan';
 import { MobileRibbonSidebarDrawer } from './MobileRibbonSidebarDrawer';

src/components/Dashboard/Mobile/Ribbon/MobileRibbonSidebarDrawer.tsx

@@ -1,5 +1,6 @@
 import { Drawer, Title } from '@mantine/core';
 import { useTranslation } from 'next-i18next';
+
 import { DashboardSidebar } from '../../Wrappers/Sidebar/Sidebar';
 
 interface MobileRibbonSidebarDrawerProps {

src/components/Dashboard/Modals/AboutModal/AboutModal.tsx

@@ -4,7 +4,6 @@ import {
   Anchor,
   Badge,
   Button,
-  createStyles,
   Grid,
   Group,
   HoverCard,
@@ -14,6 +13,7 @@ import {
   Text,
   Title,
   Tooltip,
+  createStyles,
 } from '@mantine/core';
 import {
   IconAnchor,
@@ -29,17 +29,18 @@ import {
 } from '@tabler/icons-react';
 import { motion } from 'framer-motion';
 import { InitOptions } from 'i18next';
-import { i18n, Trans, useTranslation } from 'next-i18next';
+import { Trans, i18n, useTranslation } from 'next-i18next';
 import Image from 'next/image';
 import { ReactNode } from 'react';
+
 import { useConfigContext } from '../../../../config/provider';
 import { useConfigStore } from '../../../../config/store';
 import { useEditModeInformationStore } from '../../../../hooks/useEditModeInformation';
 import { usePackageAttributesStore } from '../../../../tools/client/zustands/usePackageAttributesStore';
 import { useColorTheme } from '../../../../tools/color';
+import Credits from '../../../Settings/Common/Credits';
 import Tip from '../../../layout/Tip';
 import { usePrimaryGradient } from '../../../layout/useGradient';
-import Credits from '../../../Settings/Common/Credits';
 
 interface AboutModalProps {
   opened: boolean;

src/components/Dashboard/Modals/ChangePosition/ChangeAppPositionModal.tsx

@@ -1,5 +1,6 @@
 import { SelectItem } from '@mantine/core';
-import { closeModal, ContextModalProps } from '@mantine/modals';
+import { ContextModalProps, closeModal } from '@mantine/modals';
+
 import { useConfigContext } from '../../../../config/provider';
 import { useConfigStore } from '../../../../config/store';
 import { AppType } from '../../../../types/app';

src/components/Dashboard/Modals/ChangePosition/ChangePositionModal.tsx

@@ -1,6 +1,7 @@
 import { Button, Flex, Grid, NumberInput, Select, SelectItem } from '@mantine/core';
 import { useForm } from '@mantine/form';
 import { useTranslation } from 'next-i18next';
+
 import { useConfigContext } from '../../../../config/provider';
 
 interface ChangePositionModalProps {

src/components/Dashboard/Modals/ChangePosition/ChangeWidgetPositionModal.tsx

@@ -1,5 +1,6 @@
 import { SelectItem } from '@mantine/core';
-import { closeModal, ContextModalProps } from '@mantine/modals';
+import { ContextModalProps, closeModal } from '@mantine/modals';
+
 import { useConfigContext } from '../../../../config/provider';
 import { useConfigStore } from '../../../../config/store';
 import widgets from '../../../../widgets';

src/components/Dashboard/Modals/EditAppModal/EditAppModal.tsx

@@ -12,6 +12,7 @@ import {
 } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 import { useState } from 'react';
+
 import { useConfigContext } from '../../../../config/provider';
 import { useConfigStore } from '../../../../config/store';
 import { AppType } from '../../../../types/app';

src/components/Dashboard/Modals/EditAppModal/Tabs/AppereanceTab/AppereanceTab.tsx

@@ -2,6 +2,7 @@ import { Flex, Tabs } from '@mantine/core';
 import { UseFormReturnType } from '@mantine/form';
 import { useDebouncedValue } from '@mantine/hooks';
 import { useEffect, useRef } from 'react';
+
 import { AppType } from '../../../../../../types/app';
 import { IconSelector } from '../../../../../IconSelector/IconSelector';
 

src/components/Dashboard/Modals/EditAppModal/Tabs/BehaviourTab/BehaviourTab.tsx

@@ -1,6 +1,7 @@
-import { Tabs, Switch } from '@mantine/core';
+import { Switch, Tabs } from '@mantine/core';
 import { UseFormReturnType } from '@mantine/form';
 import { useTranslation } from 'next-i18next';
+
 import { AppType } from '../../../../../../types/app';
 
 interface BehaviourTabProps {

src/components/Dashboard/Modals/EditAppModal/Tabs/GeneralTab/GeneralTab.tsx

@@ -2,6 +2,7 @@ import { Tabs, TextInput } from '@mantine/core';
 import { UseFormReturnType } from '@mantine/form';
 import { IconClick, IconCursorText, IconLink } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
+
 import { AppType } from '../../../../../../types/app';
 import { EditAppModalTab } from '../type';
 

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/InputElements/GenericSecretInput.tsx

@@ -1,20 +1,21 @@
 import {
+  Badge,
   Button,
   Card,
-  createStyles,
   Flex,
   Grid,
   Group,
   PasswordInput,
+  Text,
   ThemeIcon,
   Title,
-  Text,
-  Badge,
   Tooltip,
+  createStyles,
 } from '@mantine/core';
 import { Icon } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 import { useState } from 'react';
+
 import { AppIntegrationPropertyAccessabilityType } from '../../../../../../../../types/app';
 
 interface GenericSecretInputProps {

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/InputElements/IntegrationSelector.tsx

@@ -3,13 +3,14 @@ import { Group, Image, Select, SelectItem, Text } from '@mantine/core';
 import { UseFormReturnType } from '@mantine/form';
 import { useTranslation } from 'next-i18next';
 import { forwardRef } from 'react';
+
 import {
-  IntegrationField,
-  integrationFieldDefinitions,
-  integrationFieldProperties,
   AppIntegrationPropertyType,
   AppIntegrationType,
   AppType,
+  IntegrationField,
+  integrationFieldDefinitions,
+  integrationFieldProperties,
 } from '../../../../../../../../types/app';
 
 interface IntegrationSelectorProps {

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/IntegrationOptionsRenderer/IntegrationOptionsRenderer.tsx

@@ -1,12 +1,13 @@
 import { Stack } from '@mantine/core';
 import { UseFormReturnType } from '@mantine/form';
 import { IconKey } from '@tabler/icons-react';
+
 import {
+  AppIntegrationPropertyType,
+  AppType,
   IntegrationField,
   integrationFieldDefinitions,
   integrationFieldProperties,
-  AppIntegrationPropertyType,
-  AppType,
 } from '../../../../../../../../types/app';
 import { GenericSecretInput } from '../InputElements/GenericSecretInput';
 

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/IntegrationTab.tsx

@@ -2,6 +2,7 @@ import { Alert, Divider, Tabs, Text } from '@mantine/core';
 import { UseFormReturnType } from '@mantine/form';
 import { IconAlertTriangle } from '@tabler/icons-react';
 import { Trans, useTranslation } from 'next-i18next';
+
 import { AppType } from '../../../../../../types/app';
 import { IntegrationSelector } from './Components/InputElements/IntegrationSelector';
 import { IntegrationOptionsRenderer } from './Components/IntegrationOptionsRenderer/IntegrationOptionsRenderer';

src/components/Dashboard/Modals/EditAppModal/Tabs/NetworkTab/NetworkTab.tsx

@@ -1,6 +1,7 @@
-import { Tabs, Switch, MultiSelect } from '@mantine/core';
+import { MultiSelect, Switch, Tabs } from '@mantine/core';
 import { UseFormReturnType } from '@mantine/form';
 import { useTranslation } from 'next-i18next';
+
 import { StatusCodes } from '../../../../../../tools/acceptableStatusCodes';
 import { AppType } from '../../../../../../types/app';
 

src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx

@@ -6,6 +6,7 @@ import { motion } from 'framer-motion';
 import { useTranslation } from 'next-i18next';
 import { ReactNode } from 'react';
 import { v4 as uuidv4 } from 'uuid';
+
 import { useConfigContext } from '../../../../../../config/provider';
 import { useConfigStore } from '../../../../../../config/store';
 import { openContextModalGeneric } from '../../../../../../tools/mantineModalManagerExtensions';

src/components/Dashboard/Modals/SelectElement/Components/Shared/GenericElementType.tsx

@@ -3,6 +3,7 @@ import { Icon } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 import Image from 'next/image';
 import React from 'react';
+
 import { useStyles } from './styles';
 
 interface GenericAvailableElementTypeProps {

src/components/Dashboard/Modals/SelectElement/Components/StaticElementsTab/AvailableStaticElementsTab.tsx

@@ -1,6 +1,7 @@
 import { Grid, Text } from '@mantine/core';
 import { IconCursorText } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
+
 import { GenericAvailableElementType } from '../Shared/GenericElementType';
 import { SelectorBackArrow } from '../Shared/SelectorBackArrow';
 

src/components/Dashboard/Modals/SelectElement/Components/WidgetsTab/AvailableWidgetsTab.tsx

@@ -1,5 +1,6 @@
 import { Grid, Text } from '@mantine/core';
 import { useTranslation } from 'next-i18next';
+
 import widgets from '../../../../../../widgets';
 import { SelectorBackArrow } from '../Shared/SelectorBackArrow';
 import { WidgetElementType } from './WidgetElementType';

src/components/Dashboard/Modals/SelectElement/Components/WidgetsTab/WidgetElementType.tsx

@@ -1,8 +1,9 @@
 import { useModals } from '@mantine/modals';
 import { showNotification } from '@mantine/notifications';
-import { IconChecks, Icon } from '@tabler/icons-react';
+import { Icon, IconChecks } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 import { v4 as uuidv4 } from 'uuid';
+
 import { useConfigContext } from '../../../../../../config/provider';
 import { useConfigStore } from '../../../../../../config/store';
 import { IWidget, IWidgetDefinition } from '../../../../../../widgets/widgets';
@@ -37,11 +38,14 @@ export const WidgetElementType = ({ id, image, disabled, widget }: WidgetElement
           {
             id: uuidv4(),
             type: widget.id,
-            properties: Object.entries(widget.options).reduce((prev, [k, v]) => {
-              const newPrev = prev;
-              newPrev[k] = v.defaultValue;
-              return newPrev;
-            }, {} as IWidget<string, any>['properties']),
+            properties: Object.entries(widget.options).reduce(
+              (prev, [k, v]) => {
+                const newPrev = prev;
+                newPrev[k] = v.defaultValue;
+                return newPrev;
+              },
+              {} as IWidget<string, any>['properties']
+            ),
             area: {
               type: 'wrapper',
               properties: {

src/components/Dashboard/Modals/SelectElement/SelectElementModal.tsx

@@ -1,8 +1,9 @@
 import { ContextModalProps } from '@mantine/modals';
 import { useState } from 'react';
-import { AvailableIntegrationElements } from './Components/WidgetsTab/AvailableWidgetsTab';
+
 import { AvailableElementTypes } from './Components/Overview/AvailableElementsOverview';
 import { AvailableStaticTypes } from './Components/StaticElementsTab/AvailableStaticElementsTab';
+import { AvailableIntegrationElements } from './Components/WidgetsTab/AvailableWidgetsTab';
 
 export const SelectElementModal = ({ context, id }: ContextModalProps) => {
   const [activeTab, setActiveTab] = useState<undefined | 'integrations' | 'static_elements'>();

src/components/Dashboard/Tiles/Apps/AppTile.tsx

@@ -2,6 +2,7 @@ import { Box, Stack, Title, UnstyledButton } from '@mantine/core';
 import { createStyles } from '@mantine/styles';
 import { motion } from 'framer-motion';
 import Link from 'next/link';
+
 import { AppType } from '../../../../types/app';
 import { useCardStyles } from '../../../layout/useCardStyles';
 import { useEditModeStore } from '../../Views/useEditModeStore';

src/components/Dashboard/Tiles/GenericTileMenu.tsx

@@ -1,6 +1,7 @@
 import { ActionIcon, Menu } from '@mantine/core';
 import { IconLayoutKanban, IconPencil, IconSettings, IconTrash } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
+
 import { useEditModeStore } from '../Views/useEditModeStore';
 
 interface GenericTileMenuProps {

src/components/Dashboard/Tiles/HomarrCardWrapper.tsx

@@ -1,5 +1,6 @@
 import { Card, CardProps } from '@mantine/core';
 import { ReactNode } from 'react';
+
 import { useCardStyles } from '../../layout/useCardStyles';
 import { useEditModeStore } from '../Views/useEditModeStore';
 

src/components/Dashboard/Tiles/Widgets/Inputs/LocationSelection.tsx

@@ -1,26 +1,27 @@
 import {
-  Card,
-  Stack,
-  Text,
-  Title,
-  Group,
-  TextInput,
-  Button,
-  NumberInput,
-  Modal,
-  Table,
-  Tooltip,
   ActionIcon,
+  Button,
+  Card,
+  Group,
   Loader,
+  Modal,
+  NumberInput,
+  Stack,
+  Table,
+  Text,
+  TextInput,
+  Title,
+  Tooltip,
 } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { IconListSearch, IconClick } from '@tabler/icons-react';
+import { IconClick, IconListSearch } from '@tabler/icons-react';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { IntegrationOptionsValueType } from '../WidgetsEditModal';
 import { City } from '~/server/api/routers/weather';
 import { api } from '~/utils/api';
 
+import { IntegrationOptionsValueType } from '../WidgetsEditModal';
+
 type LocationSelectionProps = {
   widgetId: string;
   propName: string;

src/components/Dashboard/Tiles/Widgets/Inputs/StaticDraggableList.tsx

@@ -1,8 +1,9 @@
-import { Collapse, createStyles, Flex, Stack, Text } from '@mantine/core';
+import { Collapse, Flex, Stack, Text, createStyles } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { IconChevronDown, IconGripVertical } from '@tabler/icons-react';
 import { Reorder, useDragControls } from 'framer-motion';
 import { FC, ReactNode, useEffect, useRef } from 'react';
+
 import { IDraggableListInputValue } from '../../../../../widgets/widgets';
 
 const useStyles = createStyles((theme) => ({
@@ -64,10 +65,10 @@ export const StaticDraggableList: FC<StaticDraggableListParams> = (props) => {
         as="div"
       >
         {props.value.map((item) => (
-            <ListItem key={item.key} item={item} label={props.labels[item.key]}>
-              {props.children?.[item.key]}
-            </ListItem>
-          ))}
+          <ListItem key={item.key} item={item} label={props.labels[item.key]}>
+            {props.children?.[item.key]}
+          </ListItem>
+        ))}
       </Reorder.Group>
     </div>
   );

src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx

@@ -18,6 +18,7 @@ import { ContextModalProps } from '@mantine/modals';
 import { IconAlertTriangle, IconPlaylistX, IconPlus } from '@tabler/icons-react';
 import { Trans, useTranslation } from 'next-i18next';
 import { FC, useState } from 'react';
+
 import { useConfigContext } from '../../../../config/provider';
 import { useConfigStore } from '../../../../config/store';
 import { mapObject } from '../../../../tools/client/objects';
@@ -47,7 +48,7 @@ export const WidgetsEditModal = ({
   const [moduleProperties, setModuleProperties] = useState(innerProps.options);
   const items = Object.entries(innerProps.widgetOptions ?? {}) as [
     string,
-    IntegrationOptionsValueType
+    IntegrationOptionsValueType,
   ][];
 
   // Find the Key in the "Widgets" Object that matches the widgetId

src/components/Dashboard/Tiles/Widgets/WidgetsMenu.tsx

@@ -1,5 +1,6 @@
 import { Title } from '@mantine/core';
 import { useTranslation } from 'next-i18next';
+
 import { openContextModalGeneric } from '../../../../tools/mantineModalManagerExtensions';
 import WidgetsDefinitions from '../../../../widgets';
 import { IWidget } from '../../../../widgets/widgets';

src/components/Dashboard/Tiles/Widgets/WidgetsRemoveModal.tsx

@@ -1,7 +1,8 @@
-import React from 'react';
 import { Button, Group, Stack, Text } from '@mantine/core';
 import { ContextModalProps } from '@mantine/modals';
 import { Trans, useTranslation } from 'next-i18next';
+import React from 'react';
+
 import { useConfigContext } from '../../../../config/provider';
 import { useConfigStore } from '../../../../config/store';
 

src/components/Dashboard/Views/DashboardView.tsx

@@ -1,5 +1,6 @@
 import { Group, Stack } from '@mantine/core';
 import { useEffect, useMemo, useRef } from 'react';
+
 import { useConfigContext } from '../../../config/provider';
 import { useResize } from '../../../hooks/use-resize';
 import { useScreenLargerThan } from '../../../hooks/useScreenLargerThan';

src/components/Dashboard/Views/ViewToggleButton.tsx

@@ -1,6 +1,7 @@
 import { ActionIcon, Button, Text, Tooltip } from '@mantine/core';
 import { IconEdit, IconEditOff } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
+
 import { useScreenLargerThan } from '../../../hooks/useScreenLargerThan';
 import { useEditModeStore } from './useEditModeStore';
 

src/components/Dashboard/Wrappers/Category/Category.tsx

@@ -2,23 +2,24 @@ import {
   Accordion,
   ActionIcon,
   Box,
-  Menu,
-  Title,
-  Text,
-  Stack,
   List,
+  Menu,
+  Stack,
+  Text,
+  Title,
   createStyles,
 } from '@mantine/core';
 import { useLocalStorage } from '@mantine/hooks';
-import { IconDotsVertical, IconShare3 } from '@tabler/icons-react';
 import { modals } from '@mantine/modals';
+import { IconDotsVertical, IconShare3 } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
+
 import { useConfigContext } from '../../../../config/provider';
 import { CategoryType } from '../../../../types/category';
 import { useCardStyles } from '../../../layout/useCardStyles';
 import { useEditModeStore } from '../../Views/useEditModeStore';
-import { useGridstack } from '../gridstack/use-gridstack';
 import { WrapperContent } from '../WrapperContent';
+import { useGridstack } from '../gridstack/use-gridstack';
 import { CategoryEditMenu } from './CategoryEditMenu';
 
 interface DashboardCategoryProps {
@@ -108,10 +109,7 @@ export const DashboardCategory = ({ category }: DashboardCategoryProps) => {
                 </ActionIcon>
               </Menu.Target>
               <Menu.Dropdown>
-                <Menu.Item
-                  onClick={handleMenuClick}
-                  icon={<IconShare3 size="1rem" />}
-                >
+                <Menu.Item onClick={handleMenuClick} icon={<IconShare3 size="1rem" />}>
                   {t('actions.category.openAllInNewTab')}
                 </Menu.Item>
               </Menu.Dropdown>

src/components/Dashboard/Wrappers/Category/CategoryEditMenu.tsx

@@ -1,13 +1,14 @@
 import { ActionIcon, Menu } from '@mantine/core';
 import {
-  IconTransitionTop,
-  IconTransitionBottom,
-  IconRowInsertTop,
-  IconRowInsertBottom,
   IconEdit,
-  IconTrash,
+  IconRowInsertBottom,
+  IconRowInsertTop,
   IconSettings,
+  IconTransitionBottom,
+  IconTransitionTop,
+  IconTrash,
 } from '@tabler/icons-react';
+
 import { useConfigContext } from '../../../../config/provider';
 import { CategoryType } from '../../../../types/category';
 import { useCategoryActions } from './useCategoryActions';

src/components/Dashboard/Wrappers/Category/CategoryEditModal.tsx

@@ -2,6 +2,7 @@ import { Button, Group, TextInput } from '@mantine/core';
 import { useForm } from '@mantine/form';
 import { ContextModalProps } from '@mantine/modals';
 import { useTranslation } from 'next-i18next';
+
 import { useConfigContext } from '../../../../config/provider';
 import { useConfigStore } from '../../../../config/store';
 import { CategoryType } from '../../../../types/category';

src/components/Dashboard/Wrappers/Category/useCategoryActions.tsx

@@ -1,4 +1,5 @@
 import { v4 as uuidv4 } from 'uuid';
+
 import { useConfigStore } from '../../../../config/store';
 import { openContextModalGeneric } from '../../../../tools/mantineModalManagerExtensions';
 import { AppType } from '../../../../types/app';

src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx

@@ -1,8 +1,9 @@
 import { Card } from '@mantine/core';
 import { RefObject } from 'react';
+
 import { useCardStyles } from '../../../layout/useCardStyles';
-import { useGridstack } from '../gridstack/use-gridstack';
 import { WrapperContent } from '../WrapperContent';
+import { useGridstack } from '../gridstack/use-gridstack';
 
 interface DashboardSidebarProps extends DashboardSidebarInnerProps {
   location: 'right' | 'left';

src/components/Dashboard/Wrappers/Wrapper/Wrapper.tsx

@@ -1,7 +1,7 @@
 import { WrapperType } from '../../../../types/wrapper';
 import { useEditModeStore } from '../../Views/useEditModeStore';
-import { useGridstack } from '../gridstack/use-gridstack';
 import { WrapperContent } from '../WrapperContent';
+import { useGridstack } from '../gridstack/use-gridstack';
 
 interface DashboardWrapperProps {
   wrapper: WrapperType;

src/components/Dashboard/Wrappers/WrapperContent.tsx

@@ -1,5 +1,6 @@
 import { GridStack } from 'fily-publish-gridstack';
 import { MutableRefObject, RefObject } from 'react';
+
 import { AppType } from '../../../types/app';
 import Widgets from '../../../widgets';
 import { WidgetWrapper } from '../../../widgets/WidgetWrapper';

src/components/Dashboard/Wrappers/gridstack/init-gridstack.ts

@@ -1,5 +1,6 @@
 import { GridItemHTMLElement, GridStack, GridStackNode } from 'fily-publish-gridstack';
 import { MutableRefObject, RefObject } from 'react';
+
 import { AppType } from '../../../../types/app';
 import { ShapeType } from '../../../../types/shape';
 import { IWidget } from '../../../../widgets/widgets';

src/components/Dashboard/Wrappers/gridstack/store.tsx

@@ -1,4 +1,5 @@
 import { create } from 'zustand';
+
 import { useConfigContext } from '../../../../config/provider';
 import { GridstackBreakpoints } from '../../../../constants/gridstack-breakpoints';
 

src/components/Dashboard/Wrappers/gridstack/use-gridstack.ts

@@ -1,12 +1,13 @@
 import { GridStack, GridStackNode } from 'fily-publish-gridstack';
-import { createRef, MutableRefObject, RefObject, useEffect, useMemo, useRef } from 'react';
+import { MutableRefObject, RefObject, createRef, useEffect, useMemo, useRef } from 'react';
+
 import { useConfigContext } from '../../../../config/provider';
 import { useConfigStore } from '../../../../config/store';
 import { AppType } from '../../../../types/app';
 import { AreaType } from '../../../../types/area';
 import { IWidget } from '../../../../widgets/widgets';
 import { useEditModeStore } from '../../Views/useEditModeStore';
-import { initializeGridstack, TileWithUnknownLocation } from './init-gridstack';
+import { TileWithUnknownLocation, initializeGridstack } from './init-gridstack';
 import { useGridstackStore, useWrapperColumnCount } from './store';
 
 interface UseGristackReturnType {