From 18fbdeca372996e37a58cf79b4d07b8c6afd7e75 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Mon, 8 Dec 2025 00:34:57 +0900
Subject: refactor(client): replace inline SVGs with Font Awesome icons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Migrate all 28 inline SVG icons across 8 components to use Font Awesome
React components for better maintainability and consistency.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/client/pages/NotFoundPage.tsx | 32 ++++++++------------------------
 1 file changed, 8 insertions(+), 24 deletions(-)

(limited to 'src/client/pages/NotFoundPage.tsx')

diff --git a/src/client/pages/NotFoundPage.tsx b/src/client/pages/NotFoundPage.tsx
index 72531c1..c94340e 100644
--- a/src/client/pages/NotFoundPage.tsx
+++ b/src/client/pages/NotFoundPage.tsx
@@ -1,3 +1,5 @@
+import { faFaceSadTear, faHouse } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Link } from "wouter";
 
 export function NotFoundPage() {
@@ -5,20 +7,11 @@ export function NotFoundPage() {
 		<div className="min-h-screen bg-cream flex items-center justify-center px-4">
 			<div className="text-center animate-fade-in">
 				<div className="w-20 h-20 mx-auto mb-6 bg-ivory rounded-2xl flex items-center justify-center">
-					<svg
+					<FontAwesomeIcon
+						icon={faFaceSadTear}
 						className="w-10 h-10 text-muted"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
 						aria-hidden="true"
-					>
-						<path
-							strokeLinecap="round"
-							strokeLinejoin="round"
-							strokeWidth={1.5}
-							d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-						/>
-					</svg>
+					/>
 				</div>
 				<h1 className="font-display text-6xl font-bold text-ink mb-2">404</h1>
 				<h2 className="font-display text-xl font-medium text-slate mb-4">
@@ -31,20 +24,11 @@ export function NotFoundPage() {
 					href="/"
 					className="inline-flex items-center gap-2 bg-primary hover:bg-primary-dark text-white font-medium py-2.5 px-5 rounded-lg transition-all duration-200"
 				>
-					<svg
+					<FontAwesomeIcon
+						icon={faHouse}
 						className="w-5 h-5"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
 						aria-hidden="true"
-					>
-						<path
-							strokeLinecap="round"
-							strokeLinejoin="round"
-							strokeWidth={2}
-							d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
-						/>
-					</svg>
+					/>
 					Go Home
 				</Link>
 			</div>
-- 
cgit v1.2.3-70-g09d2