🖼 Added descriptive icons next to dashboard headers

src/client/components/Dashboard/LibraryStatistics.tsx

@@ -8,7 +8,9 @@ export const LibraryStatistics = (
   // const { stats } = props;
   return (
     <>
-      <h4 className="title is-4 mt-2">Statistics</h4>
+      <h4 className="title is-4 mt-2">
+        <i className="fa-solid fa-chart-simple"></i> Statistics
+      </h4>
       <p className="subtitle is-7">A brief snapshot of your library.</p>
       <div className="columns is-multiline">
         <div className="column is-narrow is-two-quarter">

src/client/components/Dashboard/PullList.tsx

@@ -88,7 +88,9 @@ export const PullList = ({ issues }: PullListProps): ReactElement => {
   return (
     <>
       <div className="content">
-        <h4 className="title is-4">Discover</h4>
+        <h4 className="title is-4">
+          <i className="fa-solid fa-splotch"></i> Discover
+        </h4>
         <p className="subtitle is-7">
           Pull List aggregated for the week from League Of Comic Geeks
         </p>

src/client/components/Dashboard/RecentlyImported.tsx

@@ -28,8 +28,10 @@ export const RecentlyImported = ({
 
   return (
     <>
-      <div className="content">
-        <h4 className="title is-4">Recently Imported</h4>
+      <div className="content mt-5">
+        <h4 className="title is-4">
+          <i className="fa-solid fa-file-arrow-down"></i> Recently Imported
+        </h4>
         <p className="subtitle is-7">
           Recent Library activity such as imports, tagging, etc.
         </p>

src/client/components/Dashboard/VolumeGroups.tsx

@@ -22,7 +22,9 @@ export const VolumeGroups = (props): ReactElement => {
     <section className="volumes-container mt-4">
       <div className="content">
         <a className="mb-1" onClick={navigateToVolumes}>
-          <span className="is-size-4 has-text-weight-semibold">Volumes</span>
+          <span className="is-size-4 has-text-weight-semibold">
+            <i className="fa-solid fa-layer-group"></i> Volumes
+          </span>
           <span className="icon mt-1">
             <i className="fa-solid fa-angle-right"></i>
           </span>

src/client/components/Dashboard/WantedComicsList.tsx

@@ -30,7 +30,7 @@ export const WantedComicsList = ({
       <div className="content">
         <a className="mb-1" onClick={navigateToWantedComics}>
           <span className="is-size-4 has-text-weight-semibold">
-            Wanted Comics
+          <i className="fa-solid fa-asterisk"></i> Wanted Comics
           </span>
           <span className="icon mt-1">
             <i className="fa-solid fa-angle-right"></i>