feat: update dependencies and add Nix code highlighting feature

src/app/page.tsx

@@ -7,7 +7,7 @@ import Image from "next/image";
 export default async function BlogIndex() {
   return (
     <main className="min-h-screen w-screen">
-      <section id="top" className="max-w-3xl w-full mx-auto px-4">
+      {/* <section id="top" className="max-w-3xl w-full mx-auto px-4">
         <div className="flex flex-row items-center w-full h-full gap-6 mt-8">
           <Image
             src="/Frame.svg"
@@ -25,8 +25,9 @@ export default async function BlogIndex() {
             <Image src="/1500x500.jpg" alt="test image" className="object-cover object-center transition-transform duration-300 hover:scale-105" width={3168} height={1344} />
           </picture>
         </figure>
-      </section>
-      <section id="about" className="h-screen max-w-3xl mx-auto px-4">
+      </section> */}
+      <Top />
+      <section id="about" className="h-screen max-w-4xl mx-auto px-4">
         <div className=" mt-8">
           <h1 className="text-2xl font-bold mb-4 w-full">💕 About</h1>
           <p>오직 <strong>호기심과 실행력</strong>으로만 성장해 온 <strong>개발자, 정보보안전문가</strong> 남현석입니다.</p>