erste Funktionierende Fassung

client/src/App.tsx

@@ -1,10 +1,18 @@
 import { Tldraw } from 'tldraw'
 import 'tldraw/tldraw.css'
+import './shapes/shape-types' // Type-Augmentation für Custom Shapes
+import { PufferShapeUtil } from './shapes/PufferShapeUtil'
+import { KreiselShapeUtil } from './shapes/KreiselShapeUtil'
+import { ShapePanel } from './components/ShapePanel'
+
+const customShapeUtils = [PufferShapeUtil, KreiselShapeUtil]
 
 export default function App() {
   return (
     <div style={{ position: 'fixed', inset: 0 }}>
-      <Tldraw />
+      <Tldraw shapeUtils={customShapeUtils}>
+        <ShapePanel />
+      </Tldraw>
     </div>
   )
 }