🧹 Cleaning up dashboard typography

src/client/components/RecentlyImported.tsx

@@ -25,7 +25,9 @@ export const RecentlyImported = ({
   };
   return (
     <>
-      <h2 className="subtitle">Recently Imported</h2>
+      <div className="content">
+        <h4 className="subtitle">Recently Imported</h4>
+      </div>
       <Masonry
         breakpointCols={breakpointColumnsObj}
         className="recent-comics-container"

src/client/components/VolumeGroups.tsx

@@ -20,9 +20,10 @@ export const VolumeGroups = (): ReactElement => {
     (state: RootState) => state.fileOps.comicVolumeGroups,
   );
   return (
-    <section className="volumes-container">
+    <section className="volumes-container mt-4">
       <div className="content">
-        <div className="subtitle">Volumes</div>
+        <p className="title is-4">Volumes</p>
+        <p className="subtitle is-7">Based on ComicVine Volume information</p>
       </div>
       <Masonry
         breakpointCols={breakpointColumnsObj}