inital add wool modal design

lib/screens/add_wool_modal.dart

@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+import 'package:temperaturdecke/widgets/modal_wrapper.dart';
+
+class AddWoolModal extends StatelessWidget {
+  const AddWoolModal({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return ModalWrapper(
+      Column(
+        children: [
+          TextField(),
+          TextField(),
+        ],
+      ),
+      title: "Wolle hinzufügen",
+    );
+  }
+}

lib/screens/wool.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'package:temperaturdecke/database.dart';
+import 'package:temperaturdecke/screens/add_wool_modal.dart';
 import 'package:temperaturdecke/widgets/cards/wool_card.dart';
 
 class WoolScreen extends StatelessWidget {
@@ -22,7 +23,15 @@ class WoolScreen extends StatelessWidget {
           // Hier können Sie den Inhalt basierend auf den geladenen Daten anzeigen
           return Scaffold(
             floatingActionButton: FloatingActionButton(
-              onPressed: () {},
+              onPressed: () {
+                showModalBottomSheet(
+                  showDragHandle: true,
+                  context: context,
+                  builder: (context) {
+                    return AddWoolModal();
+                  },
+                );
+              },
               child: Icon(Icons.add),
             ),
             body: Column(