remove auto-text-size package

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>
                 )}