disable single attribute per line

src/renderer/features/shared/components/animated-page.tsx

@@ -14,11 +14,7 @@ interface AnimatedPageProps {
 export const AnimatedPage = forwardRef(
     ({ children }: AnimatedPageProps, ref: Ref<HTMLDivElement>) => {
         return (
-            <motion.main
-                className={styles.animatedPage}
-                ref={ref}
-                {...animationProps.fadeIn}
-            >
+            <motion.main className={styles.animatedPage} ref={ref} {...animationProps.fadeIn}>
                 {children}
             </motion.main>
         );

src/renderer/features/shared/components/filter-bar.tsx

@@ -2,10 +2,7 @@ import styles from './filter-bar.module.css';
 
 export const FilterBar = ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => {
     return (
-        <div
-            className={styles.filterBar}
-            {...props}
-        >
+        <div className={styles.filterBar} {...props}>
             {children}
         </div>
     );

src/renderer/features/shared/components/library-background-overlay.tsx

@@ -5,10 +5,5 @@ interface LibraryBackgroundOverlayProps {
 }
 
 export const LibraryBackgroundOverlay = ({ backgroundColor }: LibraryBackgroundOverlayProps) => {
-    return (
-        <div
-            className={styles.root}
-            style={{ backgroundColor }}
-        />
-    );
+    return <div className={styles.root} style={{ backgroundColor }} />;
 };

src/renderer/features/shared/components/library-header-bar.tsx

@@ -22,21 +22,14 @@ interface TitleProps {
 const HeaderPlayButton = ({ className, ...props }: PlayButtonProps) => {
     return (
         <div className={styles.playButtonContainer}>
-            <PlayButton
-                className={className}
-                {...props}
-            />
+            <PlayButton className={className} {...props} />
         </div>
     );
 };
 
 const Title = ({ children }: TitleProps) => {
     return (
-        <TextTitle
-            fw={700}
-            order={1}
-            overflow="hidden"
-        >
+        <TextTitle fw={700} order={1} overflow="hidden">
             {children}
         </TextTitle>
     );

src/renderer/features/shared/components/library-header.tsx

@@ -84,10 +84,7 @@ export const LibraryHeader = forwardRef(
         }, [imageUrl, isImageError]);
 
         return (
-            <div
-                className={styles.libraryHeader}
-                ref={ref}
-            >
+            <div className={styles.libraryHeader} ref={ref}>
                 <div
                     className={styles.background}
                     style={{ background, filter: `blur(${blur ?? 0}rem)` }}
@@ -130,10 +127,7 @@ export const LibraryHeader = forwardRef(
                             {itemTypeString()}
                         </Text>
                         <h1 className={styles.title}>
-                            <AutoTextSize
-                                maxFontSizePx={80}
-                                mode="box"
-                            >
+                            <AutoTextSize maxFontSizePx={80} mode="box">
                                 {title}
                             </AutoTextSize>
                         </h1>

src/renderer/features/shared/components/list-config-menu.tsx

@@ -16,14 +16,8 @@ import { ListDisplayType } from '/@/shared/types/types';
 const DISPLAY_TYPES = [
     {
         label: (
-            <Stack
-                align="center"
-                p="sm"
-            >
-                <Icon
-                    icon="layoutTable"
-                    size="lg"
-                />
+            <Stack align="center" p="sm">
+                <Icon icon="layoutTable" size="lg" />
                 {i18n.t('table.config.view.table', { postProcess: 'sentenceCase' }) as string}
             </Stack>
         ),
@@ -31,14 +25,8 @@ const DISPLAY_TYPES = [
     },
     {
         label: (
-            <Stack
-                align="center"
-                p="sm"
-            >
-                <Icon
-                    icon="layoutGrid"
-                    size="lg"
-                />
+            <Stack align="center" p="sm">
+                <Icon icon="layoutGrid" size="lg" />
                 {i18n.t('table.config.view.card', { postProcess: 'sentenceCase' }) as string}
             </Stack>
         ),
@@ -47,14 +35,8 @@ const DISPLAY_TYPES = [
     {
         disabled: true,
         label: (
-            <Stack
-                align="center"
-                p="sm"
-            >
-                <Icon
-                    icon="layoutList"
-                    size="lg"
-                />
+            <Stack align="center" p="sm">
+                <Icon icon="layoutList" size="lg" />
                 {i18n.t('table.config.view.list', { postProcess: 'sentenceCase' }) as string}
             </Stack>
         ),
@@ -79,10 +61,7 @@ interface ListConfigMenuProps {
 
 export const ListConfigMenu = (props: ListConfigMenuProps) => {
     return (
-        <Popover
-            position="bottom-end"
-            width={300}
-        >
+        <Popover position="bottom-end" width={300}>
             <Popover.Target>
                 <SettingsButton />
             </Popover.Target>
@@ -161,12 +140,7 @@ const TableConfig = ({
 
     return (
         <>
-            <Table
-                variant="vertical"
-                withColumnBorders
-                withRowBorders
-                withTableBorder
-            >
+            <Table variant="vertical" withColumnBorders withRowBorders withTableBorder>
                 <Table.Tbody>
                     <Table.Tr>
                         <Table.Th>
@@ -199,10 +173,7 @@ const TableConfig = ({
                     </Table.Tr>
                 </Table.Tbody>
             </Table>
-            <ScrollArea
-                allowDragScroll
-                style={{ maxHeight: '200px' }}
-            >
+            <ScrollArea allowDragScroll style={{ maxHeight: '200px' }}>
                 <CheckboxSelect
                     data={tableColumnsData}
                     onChange={onChangeTableColumns}
@@ -227,12 +198,7 @@ const GridConfig = ({ itemSize, onChangeItemGap, onChangeItemSize }: GridConfigP
 
     return (
         <>
-            <Table
-                variant="vertical"
-                withColumnBorders
-                withRowBorders
-                withTableBorder
-            >
+            <Table variant="vertical" withColumnBorders withRowBorders withTableBorder>
                 <Table.Tbody>
                     <Table.Tr>
                         <Table.Th w="50%">

src/renderer/features/shared/components/search-input.tsx

@@ -46,11 +46,7 @@ export const SearchInput = ({ onChange, ...props }: SearchInputProps) => {
             {...props}
             rightSection={
                 ref.current?.value ? (
-                    <ActionIcon
-                        icon="x"
-                        onClick={handleClear}
-                        variant="transparent"
-                    />
+                    <ActionIcon icon="x" onClick={handleClear} variant="transparent" />
                 ) : null
             }
         />