- created snackbar, step indicator, money text, text field and progress bar components.

- created wallet balance block, wallet item and kid line chart widgets.
- restructured onboarding, signup and device signup screens into layouts and main screens.
- updated signup and kid wallet screens to 17/11 design.

modules/home/lib/src/presentation/wage_screen.dart

@@ -1,6 +1,5 @@
 import 'package:design_system/design_system.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
 import 'package:home/src/presentation/wallet_management_layout.dart';
 import 'package:sf_shared/sf_shared.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
@@ -61,14 +60,10 @@ class WageScreen extends ConsumerWidget {
                 "Paga automática",
                 style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20),
               ),
-              TextField(
-                decoration: InputDecoration(
-                  labelText: "Cantidad",
-                  hintText: "0€",
-                  border: OutlineInputBorder(),
-                ),
-                keyboardType: TextInputType.number,
-                inputFormatters: [FilteringTextInputFormatter.digitsOnly],
+              CustomTextField(
+                numeric: true,
+                label: "Cantidad",
+                hint: "0€",
               ),
               Text("Saldo total disponible después: 30 €"),
             ],
@@ -154,16 +149,12 @@ class WageScreen extends ConsumerWidget {
                   return DropdownMenuEntry(value: index, label: "$index:00");
                 }),
               ),
-              TextField(
-                minLines: 3,
-                maxLines: 3,
-                maxLength: 150,
-                decoration: InputDecoration(
-                  labelText:
-                      "Escribir mensaje a ${kid.name} del motivo del ingreso",
-                  hintText: "Escribe tu mensaje",
-                  border: OutlineInputBorder(),
-                ),
+              CustomTextField(
+                lines: 3,
+                length: 150,
+                label:
+                  "Escribir mensaje a ${kid.name} del motivo del ingreso",
+                hint: "Escribe tu mensaje",
               ),
               Align(
                 alignment: Alignment.topLeft,