remove auto-text-size package

package.json

@@ -81,7 +81,6 @@
         "@wavesurfer/react": "^1.0.11",
         "@xhayper/discord-rpc": "^1.3.0",
         "audiomotion-analyzer": "^4.5.1",
-        "auto-text-size": "^0.2.3",
         "axios": "^1.13.2",
         "cheerio": "^1.1.2",
         "clsx": "^2.1.1",

pnpm-lock.yaml

@@ -71,9 +71,6 @@ importers:
       audiomotion-analyzer:
         specifier: ^4.5.1
         version: 4.5.1
-      auto-text-size:
-        specifier: ^0.2.3
-        version: 0.2.3(react@19.1.0)
       axios:
         specifier: ^1.13.2
         version: 1.13.2
@@ -2253,11 +2250,6 @@ packages:
   audiomotion-analyzer@4.5.1:
     resolution: {integrity: sha512-vEO5HgivsZa9ZhQDItSMjXD5+qsRu6rAEKzAmrg7HbOFeM4tPVrE/wxiRREWxzbGpuH9NZT4Ze+v95G1w/rRAA==}
 
-  auto-text-size@0.2.3:
-    resolution: {integrity: sha512-OycpKD8n5jxnNaOiAJoNr3BkBsxRzHHhFQk15rgsOYq+O9lsMSPLbVN7ZibxjTwT7bl6Y5jawOtZJxRWaoxdcQ==}
-    peerDependencies:
-      react: '*'
-
   available-typed-arrays@1.0.7:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
@@ -7970,10 +7962,6 @@ snapshots:
 
   audiomotion-analyzer@4.5.1: {}
 
-  auto-text-size@0.2.3(react@19.1.0):
-    dependencies:
-      react: 19.1.0
-
   available-typed-arrays@1.0.7:
     dependencies:
       possible-typed-array-names: 1.1.0

src/renderer/features/shared/components/library-header.module.css

@@ -98,19 +98,9 @@
 
 .title {
     display: flex;
-    align-items: center !important;
-    height: 150px;
-    margin: 0;
-    overflow: hidden;
-    -webkit-line-clamp: 2;
-    line-clamp: 2;
+    margin: var(--theme-spacing-sm) 0;
+    font-size: clamp(2rem, 3.5dvw, 3.25rem);
     line-height: 1.2;
-    color: var(--theme-colors-foreground);
-    -webkit-box-orient: vertical;
-
-    @container (min-width: $mantine-breakpoint-sm) {
-        height: 90px;
-    }
 }
 
 .library-header-menu {

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

@@ -1,5 +1,4 @@
 import { closeAllModals, openModal } from '@mantine/modals';
-import { AutoTextSize } from 'auto-text-size';
 import { forwardRef, ReactNode, Ref, useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router';
@@ -120,11 +119,7 @@ export const LibraryHeader = forwardRef(
                         >
                             {itemTypeString()}
                         </Text>
-                        <h1 className={styles.title}>
-                            <AutoTextSize maxFontSizePx={72} mode="box">
-                                {title}
-                            </AutoTextSize>
-                        </h1>
+                        <h1 className={styles.title}>{title}</h1>
                         {children}
                     </div>
                 )}