chore: update colors and icons

Author: kungfux

package-lock.json

@@ -13,6 +13,9 @@
   },
   "dependencies": {
     "@fontsource/montserrat": "^5.1.1",
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@fortawesome/react-fontawesome": "^0.2.2",
     "@number-flow/react": "^0.5.5",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -31,7 +34,7 @@
     "postcss": "^8.5.1",
     "tailwindcss": "^4.0.0",
     "typescript": "~5.7.3",
-    "typescript-eslint": "^8.21.0",
+    "typescript-eslint": "^8.22.0",
     "vite": "^6.0.11",
     "vite-plugin-pwa": "^0.21.1"
   }

package.json

@@ -3,7 +3,7 @@ import { forwardRef, useImperativeHandle, useState } from "react";
 import NumberFlow from "@number-flow/react";
 
 import "@fontsource/montserrat/400.css";
-import styles from "./BitButton.component.module.css";
+import styles from "./BitButton.module.css";
 
 const BitButton = forwardRef(
   (

src/components/BitButton.component.tsx

@@ -12,10 +12,11 @@
   font-family: 'Montserrat', sans-serif;
   overflow: hidden;
   transition: .2s linear;
+}
 
-  &>.text {
-    display: inline-block;
-  }
+.hovered,
+.selected {
+  background-color: var(--primary-color);
 }
 
 .button:nth-child(1),
@@ -28,9 +29,4 @@
 .button:nth-child(8),
 .button:nth-child(12) {
   margin-right: .75rem;
-}
-
-.hovered,
-.selected {
-  background-color: var(--primary-color);
 }