From f583696295ed1c48164451f71332e94d538332b2 Mon Sep 17 00:00:00 2001
From: AramJonghu <aramjonghu@tutamail.com>
Date: Tue, 21 Jul 2026 23:47:30 +0200
Subject: [PATCH] chore(icons): nerd-fonts icons included

---
 frontend/src/App.css                          |   6 ++++
 .../src/assets/fonts/nerd-fonts-symbols.woff2 | Bin 0 -> 1040 bytes
 frontend/src/components/Header.tsx            |   4 +--
 frontend/src/components/MdProcessor.tsx       |  29 ++++++++++++++++++
 4 files changed, 37 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/assets/fonts/nerd-fonts-symbols.woff2

diff --git a/frontend/src/App.css b/frontend/src/App.css
index f7a040c..1a8cfb7 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -37,6 +37,12 @@
     font-display: swap;
 }
 
+@font-face {
+    font-family: "NerdFontSymbols";
+    src: url("./assets/fonts/nerd-fonts-symbols.woff2") format("woff2");
+    font-display: block;
+}
+
 .ui-btn {
     @apply text-ctp-text border border-ctp-text rounded px-3 py-1 cursor-pointer transition-colors;
 }
diff --git a/frontend/src/assets/fonts/nerd-fonts-symbols.woff2 b/frontend/src/assets/fonts/nerd-fonts-symbols.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..f9efb3b202e266c13aa4bfe56fabb7ea5490d6a1
GIT binary patch
literal 1040
zcmV+r1n>KIPew8T0RR9100a;K3;+NC00wjb00Y1P0RR9100000000000000000000
z00006U;sP_1Q7@dg?xny0X7080}u-e00bZff=mY>8z%)(lnzP&;EM&DvjtrHAwslD
zn-)Ug{Mi>Vn+C!QB8cvNXYbd_m0AO7(Z;bZ{5fPXZy*7TzXLq&GAJ`L2udgMA+!%D
zdkNuWXCp{eQIqsXDCmEK)Pq-->eq^I9l-Y{R7#}^(&#M(IN$*+U4H`dV5vd@)u<c$
z5w&oh+jUj|b%%Vh5NUy;aG>o4F|f<IUx-OgfTU0XQ`@e4c<U(S$fuJ;O)>u-U?b88
z1g$jkZ<)=Zk6I+1#uP8sLb^*ApjdT}&4{(Qn>WP)AZF_1@nvOH@K4+VfIa{@d8x@M
ztR~0Iz+qTOI*iczu;K@xuLn{1AS3kU6qJqR?tK+#t~ZzpP^c1M!8(i}C?r^^<6jl}
zho2N#RPys5w=8Id`3>mp7(|50mVFWd5nC!ts(}HrW!W||aNKaeet4ujz;4t8F5~0Z
zb3iK0ySI$rD}3^xfWPlFN!mNG|FCSNPhYu^Z^YCg!GIq)nOshxkZ#^AyRlbxlSC;e
z<AvyrTM&b7MM=J7@*Si+7P?UxBS}xr4h~37<f0rmDeAovOqSH$%{RR(&^y50F~dD0
zC3S-tC#PFT`CZCWzfn_u34Y?&FWSr4>d_6y>m%}3Je<y6^XE@Z2O^?=vSa^rHOKP&
zlC<c_Ud>s{X_<(V1R!TtBcdzdGkMt}G0{Tcm+;h8HQ(tHMt{tVStK^E9F14IcHT%h
zI?`g1kZAEzn7R9^D#u`EVob=ij4Y$6kgmobT`4IJ)lDU)v@nO54NPll@0;$|DFV})
z%yH1dh^Z9akiDh{#B_Fu=ejRQpxT5_z&L6Z`uJdS%ArR?=3q)hri=uekK^_FzwzTB
z9<_jsx*yj)P!;oOaq&Y;m6bi)i0-fFO(v`FLU*YMMrl!&R_tuYXGTWFpp4yQ|6;n%
z>X?rU3m;-C0bvmxr@OjmCV`cgMc=a$xB9K@e7%z{?WVy-e0NX6h5<QkG)LzA9YI{R
z1F|o^6go+OOtD7VQ3wRf6{Li+8GRjP0Qic$QUbuADnT{dnWO6k$`S~^l}z=M0Tq;k
z@Vjrwr*~l0IRK@n|6jv_K)!1PRR9SgaHIl2$s=l!X9Uh5_QHgPmo&Y4Icpj7d7f8r
zG!kY}*CVi$Dowr&@nXfvf{_zR9!7&2bvl$Z>Y>$eDX^SHvX5o$?26`z;K?GSN|FiV
zB3gzh7#pcv*pE<+mCac<T*jWm7)>g)s8HjBdZzeN$Edv*Ld35!yu)H<^*<4nAK9P=
KG6dc^0001*8r4$(

literal 0
HcmV?d00001

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index 5552dd6..16ec2ef 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -52,8 +52,8 @@ export default function Header({ theme }: HeaderProps) {
             </nav>
 
             <div>
-                <button className="ui-btn ui-btn:hover" onClick={toggleTheme}>
-                    {currentTheme === "macchiato" ? "🌙 Dark" : "☀️ Light"}
+                <button className="ui-btn ui-btn:hover text-lg font-[NerdFontSymbols]" onClick={toggleTheme}>
+                    {currentTheme === "macchiato" ? "" : ""}
                 </button>
             </div>
         </header>
diff --git a/frontend/src/components/MdProcessor.tsx b/frontend/src/components/MdProcessor.tsx
index 1554ef4..a05a7be 100644
--- a/frontend/src/components/MdProcessor.tsx
+++ b/frontend/src/components/MdProcessor.tsx
@@ -1,5 +1,6 @@
 import {
     useEffect,
+    useRef,
     useState,
     useMemo,
     type ComponentPropsWithoutRef,
@@ -196,6 +197,8 @@ export default function MdProcessor({
                                           })
                                         : null;
 
+                                const copyRef = useRef<HTMLButtonElement>(null);
+
                                 if (highlighted) {
                                     return (
                                         <div className="relative border-2 border-ctp-text/50 rounded-md overflow-hidden my-6 bg-ctp-base">
@@ -204,6 +207,32 @@ export default function MdProcessor({
                                                     {lang}
                                                 </span>
                                             )}
+                                            <button
+                                                ref={copyRef}
+                                                onClick={() => {
+                                                    navigator.clipboard
+                                                        .writeText(code)
+                                                        .then(() => {
+                                                            if (copyRef.current) {
+                                                                copyRef.current.textContent =
+                                                                    "Copied!";
+                                                                setTimeout(
+                                                                    () => {
+                                                                        if (
+                                                                            copyRef.current
+                                                                        )
+                                                                            copyRef.current.textContent =
+                                                                                "\uf0c5";
+                                                                    },
+                                                                    1500,
+                                                                );
+                                                            }
+                                                        });
+                                                }}
+                                                className="absolute top-1 right-1 px-2 py-1 text-base font-mono text-ctp-subtext0 hover:text-ctp-green transition-colors cursor-pointer select-none z-10 font-[NerdFontSymbols]"
+                                            >
+                                                
+                                            </button>
                                             <div
                                                 className={`overflow-x-auto text-sm p-4 ${lang ? "pt-7" : ""}`}
                                                 dangerouslySetInnerHTML={{