💄 Prettier repository

src/components/layout/Background.tsx

@@ -1,4 +1,5 @@
 import { Global } from '@mantine/core';
+
 import { useConfigContext } from '../../config/provider';
 
 export function Background() {

src/components/layout/Layout.tsx

@@ -1,4 +1,5 @@
 import { AppShell, createStyles } from '@mantine/core';
+
 import { useConfigContext } from '../../config/provider';
 import { Background } from './Background';
 import { Header } from './header/Header';

src/components/layout/Logo.tsx

@@ -1,4 +1,5 @@
 import { Group, Image, Text } from '@mantine/core';
+
 import { useConfigContext } from '../../config/provider';
 import { usePrimaryGradient } from './useGradient';
 

src/components/layout/header/Actions/AddElementAction/AddElementAction.tsx

@@ -2,6 +2,7 @@ import { ActionIcon, Button, Tooltip } from '@mantine/core';
 import { openContextModal } from '@mantine/modals';
 import { IconApps } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
+
 import { useCardStyles } from '../../../useCardStyles';
 
 interface AddElementActionProps {

src/components/layout/header/Actions/ToggleEditMode/ToggleEditMode.tsx

@@ -5,10 +5,10 @@ import { IconEditCircle, IconEditCircleOff } from '@tabler/icons-react';
 import Consola from 'consola';
 import { getCookie } from 'cookies-next';
 import { Trans, useTranslation } from 'next-i18next';
+import { api } from '~/utils/api';
+
 import { useConfigContext } from '../../../../../config/provider';
 import { useScreenSmallerThan } from '../../../../../hooks/useScreenSmallerThan';
-
-import { api } from '~/utils/api';
 import { useEditModeStore } from '../../../../Dashboard/Views/useEditModeStore';
 import { useNamedWrapperColumnCount } from '../../../../Dashboard/Wrappers/gridstack/store';
 import { useCardStyles } from '../../../useCardStyles';

src/components/layout/header/Header.tsx

@@ -1,5 +1,6 @@
-import { Box, createStyles, Group, Header as MantineHeader, Indicator } from '@mantine/core';
+import { Box, Group, Indicator, Header as MantineHeader, createStyles } from '@mantine/core';
 import { useQuery } from '@tanstack/react-query';
+
 import { REPO_URL } from '../../../../data/constants';
 import { useEditModeInformationStore } from '../../../hooks/useEditModeInformation';
 import DockerMenuButton from '../../../modules/Docker/DockerModule';

src/components/layout/header/Meta/Head.tsx

@@ -1,8 +1,9 @@
 /* eslint-disable react/no-invalid-html-attribute */
-import React from 'react';
 import NextHead from 'next/head';
-import { SafariStatusBarStyle } from './SafariStatusBarStyle';
+import React from 'react';
+
 import { useConfigContext } from '../../../../config/provider';
+import { SafariStatusBarStyle } from './SafariStatusBarStyle';
 
 export function Head() {
   const { config } = useConfigContext();

src/components/layout/header/SettingsMenu.tsx

@@ -2,6 +2,7 @@ import { Badge, Button, Menu } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { IconInfoCircle, IconMenu2, IconSettings } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
+
 import { useEditModeInformationStore } from '../../../hooks/useEditModeInformation';
 import { AboutModal } from '../../Dashboard/Modals/AboutModal/AboutModal';
 import { SettingsDrawer } from '../../Settings/SettingsDrawer';

src/components/layout/header/SettingsMenu/EditModeToggle.tsx

@@ -4,6 +4,7 @@ import { openModal } from '@mantine/modals';
 import { showNotification } from '@mantine/notifications';
 import { IconEdit, IconEditOff } from '@tabler/icons-react';
 import axios from 'axios';
+
 import { useEditModeInformationStore } from '../../../../hooks/useEditModeInformation';
 
 function ModalContent() {

src/components/layout/useCardStyles.ts

@@ -1,4 +1,5 @@
 import { createStyles } from '@mantine/core';
+
 import { useConfigContext } from '../../config/provider';
 
 export const useCardStyles = (isCategory: boolean) => {

src/components/layout/useGradient.tsx

@@ -1,4 +1,5 @@
 import { MantineGradient } from '@mantine/core';
+
 import { useColorTheme } from '../../tools/color';
 
 export const usePrimaryGradient = (): MantineGradient => {