📋 UI improvements in the Library section

src/client/components/Dashboard/Dashboard.tsx

@@ -65,11 +65,22 @@ export const Dashboard = (): ReactElement => {
             {/* Pull List */}
             <PullList issues={recentComics} />
 
-            {/* stats */}
-            <LibraryStatistics stats={libraryStatistics} />
-            <WantedComicsList comics={wantedComics} />
-            <RecentlyImported comicBookCovers={recentComics} />
-            <VolumeGroups volumeGroups={volumeGroups} />
+            {/* Stats */}
+            {!isEmpty(libraryStatistics) && (
+              <LibraryStatistics stats={libraryStatistics} />
+            )}
+            {/* Wanted comics */}
+            {!isEmpty(wantedComics) && (
+              <WantedComicsList comics={wantedComics} />
+            )}
+            {/* Recent imports */}
+            {!isEmpty(recentComics) && (
+              <RecentlyImported comicBookCovers={recentComics} />
+            )}
+            {/* Volumes */}
+            {!isEmpty(volumeGroups) && (
+              <VolumeGroups volumeGroups={volumeGroups} />
+            )}
           </>
         ) : (
           <ZeroState

src/client/components/Dashboard/WantedComicsList.tsx

@@ -28,7 +28,7 @@ export const WantedComicsList = ({
             <span className="title is-4">Wanted Comics</span>
           </span>
           <span className="icon mt-1">
-          <i className="fa-regular fa-angle-right"></i>
+          <i className="fa-solid fa-circle-chevron-right"></i>
           </span>
         </span>
         <p className="subtitle is-7">