fix: compatibility fix for some formerly imported corrupted metadata (#307)

* fix: compatibility fix for some formerly imported corrupted metadata

* fix: use font family names of sys fonts

apps/readest-app/src/app/reader/components/settings/FontDropDown.tsx

@@ -25,7 +25,7 @@ const FontDropdown: React.FC<DropdownProps> = ({
   const _ = useTranslation();
   const iconSize16 = useResponsiveSize(16);
   const defaultIconSize = useDefaultIconSize();
-  const selectedOption = options.find((option) => option.option === selected)!;
+  const selectedOption = options.find((option) => option.option === selected) || options[0]!;
   return (
     <div className='dropdown dropdown-top'>
       <button

apps/readest-app/src/app/reader/components/sidebar/BookCard.tsx

@@ -30,7 +30,7 @@ const BookCard = ({ book }: { book: Book }) => {
       />
       <div className='min-w-0 flex-1'>
         <h4 className='line-clamp-2 w-[90%] text-sm font-semibold'>{formatTitle(title)}</h4>
-        <p className='text-neutral-content truncate text-xs'>{formatAuthors(undefined, author)}</p>
+        <p className='text-neutral-content truncate text-xs'>{formatAuthors(author)}</p>
       </div>
       <button
         className='btn btn-ghost hover:bg-base-300 h-6 min-h-6 w-6 rounded-full p-0 transition-colors'