disable single attribute per line

src/renderer/features/search/components/command-palette.tsx

@@ -95,18 +95,11 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
                 header: { display: 'none' },
             }}
         >
-            <Group
-                gap="sm"
-                mb="1rem"
-            >
+            <Group gap="sm" mb="1rem">
                 {pages.map((page, index) => (
                     <Fragment key={page}>
                         {index > 0 && ' > '}
-                        <Button
-                            disabled
-                            size="compact-md"
-                            variant="default"
-                        >
+                        <Button disabled size="compact-md" variant="default">
                             {page?.toLocaleUpperCase()}
                         </Button>
                     </Fragment>
@@ -267,10 +260,7 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
                     )}
                 </Command.List>
             </Command>
-            <Box
-                mt="0.5rem"
-                p="0.5rem"
-            >
+            <Box mt="0.5rem" p="0.5rem">
                 <Group justify="space-between">
                     <Command.Loading>
                         {isHome && isLoading && query !== '' && <Spinner />}

src/renderer/features/search/components/library-command-item.tsx

@@ -56,10 +56,7 @@ export const LibraryCommandItem = ({
             onMouseLeave={() => setIsHovered(false)}
             style={{ height: '40px', width: '100%' }}
         >
-            <div
-                className={styles.itemGrid}
-                style={{ '--item-height': '40px' } as CSSProperties}
-            >
+            <div className={styles.itemGrid} style={{ '--item-height': '40px' } as CSSProperties}>
                 <div className={styles.imageWrapper}>
                     <Image
                         alt="cover"
@@ -71,21 +68,13 @@ export const LibraryCommandItem = ({
                 </div>
                 <div className={styles.metadataWrapper}>
                     <Text overflow="hidden">{title}</Text>
-                    <Text
-                        isMuted
-                        overflow="hidden"
-                    >
+                    <Text isMuted overflow="hidden">
                         {subtitle}
                     </Text>
                 </div>
             </div>
             {isHovered && (
-                <Group
-                    align="center"
-                    gap="sm"
-                    justify="flex-end"
-                    wrap="nowrap"
-                >
+                <Group align="center" gap="sm" justify="flex-end" wrap="nowrap">
                     <ActionIcon
                         disabled={disabled}
                         icon="mediaPlay"

src/renderer/features/search/components/search-header.tsx

@@ -49,15 +49,9 @@ export const SearchHeader = ({ navigationId, tableRef }: SearchHeaderProps) => {
     }, 200);
 
     return (
-        <Stack
-            gap={0}
-            ref={cq.ref}
-        >
+        <Stack gap={0} ref={cq.ref}>
             <PageHeader>
-                <Flex
-                    justify="space-between"
-                    w="100%"
-                >
+                <Flex justify="space-between" w="100%">
                     <LibraryHeaderBar>
                         <LibraryHeaderBar.Title>Search</LibraryHeaderBar.Title>
                     </LibraryHeaderBar>

src/renderer/features/search/routes/search-route.tsx

@@ -16,14 +16,8 @@ const SearchRoute = () => {
 
     return (
         <AnimatedPage key={`search-${navigationId}`}>
-            <SearchHeader
-                navigationId={navigationId}
-                tableRef={tableRef}
-            />
-            <SearchContent
-                key={`page-${itemType}`}
-                tableRef={tableRef}
-            />
+            <SearchHeader navigationId={navigationId} tableRef={tableRef} />
+            <SearchContent key={`page-${itemType}`} tableRef={tableRef} />
         </AnimatedPage>
     );
 };