Preview: Block im WOMS

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/pages/ProjectsPage.jsx

@@ -1,5 +1,6 @@
 import { useState, useEffect, useMemo } from 'react'
 import { useNavigate } from 'react-router-dom'
+import PreviewBlock from '../components/PreviewBlock'
 import {
   FaFolder,
   FaPlus,
@@ -734,6 +735,13 @@ export default function ProjectsPage() {
                 </div>
               )}
 
+              {editForm.projectType !== 'project' && (
+                <div className="form-group">
+                  <label className="form-label">Preview</label>
+                  <PreviewBlock projectId={editProject.$id} />
+                </div>
+              )}
+
               <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '8px', marginTop: '16px', flexWrap: 'wrap' }}>
                 <button
                   type="button"