fix: 상태로도 로딩중 표시

Author: ldhldh07

packages/react/src/entities/products/components/SearchBar.tsx

@@ -88,7 +88,7 @@ const handleSubCategoryClick = async (e: MouseEvent<HTMLButtonElement>) => {
 };
 
 export function SearchBar() {
-  const { categories } = useProductStore();
+  const { categories, status } = useProductStore();
   const { searchQuery, limit = "20", sort, category } = useProductFilter();
 
   const categoryList = Object.keys(categories).length > 0 ? Object.keys(categories) : [];
@@ -185,7 +185,7 @@ export function SearchBar() {
           {/* 1depth 카테고리 */}
           {!category.category1 && (
             <div className="flex flex-wrap gap-2">
-              {categoryList.length > 0 ? (
+              {status === "done" && categoryList.length > 0 ? (
                 categoryButtons
               ) : (
                 <div className="text-sm text-gray-500 italic">카테고리 로딩 중...</div>