add delete metamodelel button in correct page

remove delete bottun in metamodel page inside the vsum

Author: ma-mirzaei

src/components/ui/VsumsPanel.tsx

@@ -134,21 +134,6 @@ export const VsumsPanel: React.FC = () => {
     }
   };
 
-  const onDelete = async (id: number, name: string) => {
-    const confirmed = window.confirm(`Delete vSUM "${name}"?`);
-    if (!confirmed) return;
-    setLoading(true);
-    setError('');
-    try {
-      await apiService.deleteVsum(id);
-      setRefreshIndex(v => v + 1);
-    } catch (e) {
-      setError(e instanceof Error ? e.message : 'Failed to delete vSUM');
-    } finally {
-      setLoading(false);
-    }
-  };
-
   const onSave = async (id: number) => {
     const edit = editing[id];
     if (!edit) return;
@@ -256,12 +241,6 @@ export const VsumsPanel: React.FC = () => {
                 >
                   {isExpanded ? 'Hide details' : 'Details'}
                 </button>
-                <button
-                  onClick={() => onDelete(item.id, item.name)}
-                  style={{ padding: '6px 10px', border: '1px solid #f5c2c7', color: '#b02a37', borderRadius: 6, background: '#fff5f5', cursor: 'pointer', fontWeight: 600 }}
-                >
-                  Delete
-                </button>
               </div>
             </div>