📊 Added a scaffold for stats

package.json

@@ -20,7 +20,7 @@
     "@bluelovers/fast-glob": "https://github.com/rishighan/fast-glob-v2-api.git",
     "@dnd-kit/core": "^4.0.0",
     "@dnd-kit/sortable": "^5.0.0",
-    "@fortawesome/fontawesome-free": "^6.0.0-beta2",
+    "@fortawesome/fontawesome-free": "^6.0.0",
     "@types/mime-types": "^2.1.0",
     "@types/react": "^17.0.3",
     "@types/react-dom": "^17.0.2",

src/client/assets/scss/App.scss

@@ -44,7 +44,7 @@ pre {
 // Dashboard
 //  Comic Detail
 .stats-palette {
-  background-color: #fff6de;
+  background-color: ghostwhite;
   display: inline-block;
   p {
     display: flex;

src/client/components/Dashboard.tsx

@@ -50,8 +50,15 @@ export const Dashboard = (): ReactElement => {
                 </dl>
               </div>
 
-              <div className="box stats-palette p-3 column ml-5 is-one-quarter">
-                asdasd
+              <div className="box stats-palette p-3 column ml-5">
+                <dl>
+                  <dd className="is-size-6">
+                    <span className="has-text-weight-bold">1320</span> Issues
+                  </dd>
+                  <dd className="is-size-6">
+                    <span className="has-text-weight-bold">304</span> Volumes
+                  </dd>
+                </dl>
               </div>
             </div>
             <RecentlyImported comicBookCovers={recentComics} />

src/client/components/RecentlyImported.tsx

@@ -68,7 +68,7 @@ export const RecentlyImported = ({
                   {/* Raw file presence  */}
                   {isNil(rawFileDetails) && (
                     <span className="icon has-text-info">
-                      <i className="fas fa-adjust" />
+                      <i className="has-text-danger fa-regular fa-circle"></i>
                     </span>
                   )}
                   {/* Issue type */}

yarn.lock

@@ -1183,10 +1183,10 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
-"@fortawesome/fontawesome-free@^6.0.0-beta2":
-  version "6.0.0-beta3"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-6.0.0-beta3.tgz#120e4a158a0de983924ce151bc35f27de46398b7"
-  integrity sha512-4SqOuhC8tSLeQvbW1nDmq6T7+8vdSgHy/w7PRwCFzMQCbKuYFIir/3UuWsV1QblX1lt7SGlSgwbaCv9XhRt8HA==
+"@fortawesome/fontawesome-free@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-6.0.0.tgz#6f3bd8e42997c7d536a1246877ed8bcd4f005a54"
+  integrity sha512-6LB4PYBST1Rx40klypw1SmSDArjFOcfBf2LeX9Zg5EKJT2eXiyiJq+CyBYKeXyK0sXS2FsCJWSPr/luyhuvh0Q==
 
 "@gar/promisify@^1.0.1":
   version "1.1.2"