优化 MyDesigns 组件，移除不必要的 useEffect，直接从设计存储加载初始设计；更新 Design 接口中的 schema 类型为 Record<string, unknown>

Author: hotlong

apps/playground/src/pages/MyDesigns.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { designStorage, Design } from '../services/designStorage';
 import { 
@@ -18,17 +18,14 @@ import {
 
 export const MyDesigns = () => {
   const navigate = useNavigate();
-  const [designs, setDesigns] = useState<Design[]>([]);
+  // Load initial designs from storage to avoid useEffect cascading render
+  const [designs, setDesigns] = useState<Design[]>(() => designStorage.getAllDesigns());
   const [searchQuery, setSearchQuery] = useState('');
   const [viewMode, setViewMode] = useState<'grid' | 'list'>('grid');
   const [showImportModal, setShowImportModal] = useState(false);
   const [importJson, setImportJson] = useState('');
   const [importName, setImportName] = useState('');
 
-  useEffect(() => {
-    loadDesigns();
-  }, []);
-
   const loadDesigns = () => {
     setDesigns(designStorage.getAllDesigns());
   };

apps/playground/src/services/designStorage.ts

@@ -8,7 +8,7 @@ export interface Design {
   id: string;
   name: string;
   description?: string;
-  schema: any;
+  schema: Record<string, unknown>;
   createdAt: string;
   updatedAt: string;
   isTemplate?: boolean;