refactor/feat: ipod nano 7g-style now playing component, discontinue fontawesome, content updates

- redesign NowPlaying widget with iPod Nano 7th generation-inspired UI
- content updates (home, about)
- general code cleanup
- bump deps, clean up
- update README for self hosting
- remove old workflows

app/domains/page.tsx

@@ -1,8 +1,7 @@
 import Header from '@/components/Header'
 import Footer from '@/components/Footer'
 import { Link } from "lucide-react"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
-import { faBan } from "@fortawesome/free-solid-svg-icons"
+import { TbCurrencyDollarOff } from "react-icons/tb";
 import domains from "@/public/data/domains.json"
 
 export default function Domains() {
@@ -11,17 +10,16 @@ export default function Domains() {
       <Header />
       <main className="grow container mx-auto px-4 py-12">
         <div className="max-w-2xl mx-auto flex flex-col items-center text-center">
-          <div className="mb-6 flex justify-center">
-            <Link size={60} />
+          <div className="flex flex-col gap-4">
+            <div className="flex justify-center">
+              <Link size={60} />
+            </div>
+            <h1 className="text-4xl font-bold mt-2 text-center text-gray-200" style={{ textShadow: '0 0 10px rgba(255, 255, 255, 0.5)' }}>
+              My Domains
+            </h1>
           </div>
-          <h1
-            className="text-4xl font-bold my-2 text-gray-200"
-            style={{ textShadow: "0 0 10px rgba(255, 255, 255, 0.5)" }}
-          >
-            My Domains
-          </h1>
           <div className="mb-4 p-4 pt-8 flex flex-col items-center space-y-2">
-            <FontAwesomeIcon icon={faBan} className="text-red-500 text-xl" />
+            <TbCurrencyDollarOff size={26} className="text-red-500" />
             <span className="text-red-500 font-medium text-center mt-1 mb-0">
               These domains are not for sale.
             </span>