chore: format frontend with prettier

frontend/src/components/Header.jsx

@@ -27,11 +27,7 @@ export default function Header({ theme }) {
 
       <nav className="flex flex-wrap gap-3 items-center">
         {navItems.map((item) => (
-                    <a
+          <a key={item.label} href={item.url} className="ui-btn ui-btn:hover">
-                        key={item.label}
-                        href={item.url}
-                        className="ui-btn ui-btn:hover"
-                    >
             {item.label}
           </a>
         ))}

frontend/src/components/ProjectsReadme.jsx

@@ -113,8 +113,7 @@ export default function ProjectsReadme({ repoUrl }) {
               code({ className, children, ...props }) {
                 const isBlock =
                   className ||
-                                    (typeof children === "string" &&
+                  (typeof children === "string" && children.includes("\n"));
-                                        children.includes("\n"));
 
                 if (isBlock) {
                   return (
@@ -171,20 +170,14 @@ export default function ProjectsReadme({ repoUrl }) {
               ),
 
               ul: ({ children }) => (
-                                <ul className="list-disc pl-6 mb-4">
+                <ul className="list-disc pl-6 mb-4">{children}</ul>
-                                    {children}
-                                </ul>
               ),
 
               ol: ({ children }) => (
-                                <ol className="list-decimal pl-6 mb-4">
+                <ol className="list-decimal pl-6 mb-4">{children}</ol>
-                                    {children}
-                                </ol>
               ),
 
-                            li: ({ children }) => (
+              li: ({ children }) => <li className="mb-1">{children}</li>,
-                                <li className="mb-1">{children}</li>
-                            ),
 
               a: ({ children, href }) => (
                 <a

frontend/src/pages/Home.jsx

@@ -44,8 +44,7 @@ export default function Home() {
               ◀︎ Prev
             </button>
             <span className="self-center mx-6 font-medium">
-                            {projectList[projIdx].name} ({projIdx + 1}/
+              {projectList[projIdx].name} ({projIdx + 1}/{projectList.length})
-                            {projectList.length})
             </span>
             <button
               onClick={nextProject}
@@ -73,16 +72,14 @@ export default function Home() {
   return (
     <div className="text-ctp-text flex flex-col items-center justify-center px-6 py-6">
       <div className="w-full max-w-6xl text-center">
-                <h1 className="text-4xl font-bold text-ctp-mauve">
+        <h1 className="text-4xl font-bold text-ctp-mauve">AramJonghu</h1>
-                    AramJonghu
-                </h1>
         <p className="mt-4">
-                    Software engineer building systems, services, and
+          Software engineer building systems, services, and experiments across a
-                    experiments across a self-hosted environment.
+          self-hosted environment.
         </p>
         <p className="mt-3">
-                    This site acts as a hub for projects, infrastructure, and
+          This site acts as a hub for projects, infrastructure, and personal
-                    personal tooling.
+          tooling.
         </p>
         <div className="mt-10 border rounded p-4">
           <div className="flex flex-wrap justify-center gap-12 mb-6">
@@ -91,9 +88,7 @@ export default function Home() {
                 key={section.id}
                 onClick={() => setActiveTab(section.id)}
                 className={`ui-btn ${
-                                    activeTab === section.id
+                  activeTab === section.id ? "ui-btn-active" : ""
-                                        ? "ui-btn-active"
-                                        : ""
                 }`}
               >
                 {section.title}