fix(square): 解决分类菜单在无数据时的渲染问题

- 添加了分类数据为空时的条件渲染逻辑
- 修复了页面加载时分类状态的初始化问题
- 优化了无分类数据时的用户体验

Author: JayLi52

himarket-web/himarket-frontend/src/components/square/CategoryMenu.tsx

@@ -14,6 +14,11 @@ interface CategoryMenuProps {
 }
 
 export function CategoryMenu({ categories, activeCategory, onSelectCategory, loading = false }: CategoryMenuProps) {
+  // 没有分类数据时不渲染任何内容
+  if (!loading && categories.length === 0) {
+    return null;
+  }
+
   return (
     <div className="overflow-hidden">
       {loading ? (

himarket-web/himarket-frontend/src/pages/Square.tsx

@@ -62,12 +62,13 @@ function Square(props: { activeType: string }) {
               { id: "all", name: "全部", count: 0 },
               ...categoryList
             ]);
+            // 重置选中的分类为"全部"
+            setActiveCategory("all");
           } else {
             setCategories([])
+            // 没有分类时，不选中任何分类
+            setActiveCategory("");
           }
-
-          // 重置选中的分类为"全部"
-          setActiveCategory("all");
         }
       } catch (error) {
         console.error("Failed to fetch categories:", error);