Formatting and linting

src/components/Config/ConfigChanger.tsx

@@ -47,7 +47,8 @@ export default function ConfigChanger() {
   );
 }
 
-const useConfigsQuery = () => useQuery({
+const useConfigsQuery = () =>
+  useQuery({
     queryKey: ['config/get-all'],
     queryFn: fetchConfigs,
   });

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

@@ -11,15 +11,15 @@ export const MobileRibbonSidebarDrawer = ({
   location,
   ...props
 }: MobileRibbonSidebarDrawerProps) => (
-    <Drawer
+  <Drawer
-      position={location}
+    position={location}
-      title={<Title order={4}>{location} sidebar</Title>}
+    title={<Title order={4}>{location} sidebar</Title>}
-      style={{
+    style={{
-        display: 'flex',
+      display: 'flex',
-        justifyContent: 'center',
+      justifyContent: 'center',
-      }}
+    }}
-      {...props}
+    {...props}
-    >
+  >
-      <DashboardSidebar location={location} />
+    <DashboardSidebar location={location} />
-    </Drawer>
+  </Drawer>
-  );
+);

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

@@ -1,5 +1,5 @@
 import { Group, Space, Stack, Text, UnstyledButton } from '@mantine/core';
-import { IconBox, IconStack, IconTextResize } from '@tabler/icons';
+import { IconBox, IconStack } from '@tabler/icons';
 import { useTranslation } from 'next-i18next';
 import { ReactNode } from 'react';
 import { v4 as uuidv4 } from 'uuid';

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

@@ -1,4 +1,4 @@
-import { Button, Card, Center, Grid, ScrollArea, Stack, Text } from '@mantine/core';
+import { Button, Card, Center, Grid, Stack, Text } from '@mantine/core';
 import { TablerIcon } from '@tabler/icons';
 import { useTranslation } from 'next-i18next';
 import Image from 'next/image';

src/tools/config/migrateConfig.ts

@@ -68,7 +68,7 @@ export function migrateConfig(config: Config): ConfigType {
     shape: {
       location: {
         x: (idx * 3) % 18,
-        y: Math.floor((idx / 6)) * 3,
+        y: Math.floor(idx / 6) * 3,
       },
       size: {
         width: 3,