fix: improve empty state handling in font selector

components/converter/FontSelector.tsx

@@ -189,7 +189,7 @@ export function FontSelector({
         <div className="max-h-[400px] overflow-y-auto space-y-1 pr-2">
           {filteredFonts.length === 0 ? (
             <EmptyState
-              icon={filter === 'favorites' ? Heart : filter === 'recent' ? Clock : Search}
+              icon={filter === 'favorites' ? Heart : (filter === 'recent' ? Clock : Search)}
               title={
                 filter === 'favorites'
                   ? 'No favorite fonts yet'
@@ -203,8 +203,8 @@ export function FontSelector({
                   : filter === 'recent'
                   ? 'Fonts you use will appear here'
                   : searchQuery
-                  ? `Try a different search term`
-                  : undefined
+                  ? 'Try a different search term'
+                  : 'Loading fonts...'
               }
               className="py-8"
             />