refactor: CategoryFilter 컴포넌트 이름 수정

Author: kimtaejin3

posts/web-request-animate-queue.mdx

@@ -149,3 +149,9 @@ transform을 사용하기 때문에 reflow가 발생하지 않아 부드러운 
 기존에 라이브러리를 사용해서 마키 애니메이션을 구현했을때는 좌우로 스크롤을 가능하게 하라는 추가 요구사항에 대응하기 여려웠습니다. 그래서 저는 위의 방식으로 다시 랜딩페이지에서 해당 기능을 구현하였습니다.
 
 하지만, 마우스를 호버 했을때 멈추는 등의 기능을 구현하기 위해서는 자바스크립트로 구현하는 것을 고려해야 합니다. 자바스크립트로 구현하는 방법과 생길 수 있는 성능 이슈에 대해서 알아보고 해당 이슈를 해결하는 방법에 대해서 알아보겠습니다.
+
+### 자바스크립트로 구현한 마키애니메이션
+
+### 자바스크립트로 구현한 마키애니메이션의 성능 이슈
+
+### 자바스크립트로 구현한 마키애니메이션의 성능 이슈 해결

src/app/page.tsx

@@ -1,11 +1,10 @@
 "use client";
 
-import Link from "next/link";
-import { compareDesc, format, parseISO } from "date-fns";
-import { allPosts, Post } from "contentlayer/generated";
+import { compareDesc } from "date-fns";
+import { allPosts } from "contentlayer/generated";
 import { DarkModeToggleButton } from "@/components/darkmode-toggle-button";
 import { useState, useMemo } from "react";
-import CategoryFilter from "@/components/category-filter";
+import Category from "@/components/category";
 import PostCard from "@/components/post-card";
 
 export default function Home() {
@@ -35,7 +34,7 @@ export default function Home() {
         <h1 className="text-2xl font-black">PearlDev 🧋</h1>
         <DarkModeToggleButton />
       </header>
-      <CategoryFilter
+      <Category
         categories={categories}
         selectedCategory={selectedCategory}
         onChange={setSelectedCategory}

src/components/category-filter.tsx renamed to src/components/category.tsx

@@ -1,12 +1,10 @@
-import { useState } from "react";
-
 interface CategoryFilterProps {
   categories: string[];
   selectedCategory: string;
   onChange: (category: string) => void;
 }
 
-export default function CategoryFilter({
+export default function Category({
   categories,
   selectedCategory,
   onChange,