add nickanme to display

Frontend/lib/mih_packages/mzansi_wallet/components/mih_card_display.dart

@@ -2,11 +2,13 @@ import 'package:flutter/material.dart';
 
 class MihCardDisplay extends StatefulWidget {
   final String shopName;
+  final String nickname;
   final double height;
   const MihCardDisplay({
     super.key,
     required this.shopName,
     required this.height,
+    required this.nickname,
   });
 
   @override
@@ -155,6 +157,19 @@ class _MihCardDisplayState extends State<MihCardDisplay> {
 
   @override
   Widget build(BuildContext context) {
-    return displayLoyaltyCard();
+    return Column(
+      children: [
+        displayLoyaltyCard(),
+        FittedBox(
+          child: Text(
+            widget.nickname,
+            style: const TextStyle(
+              fontSize: 25,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        )
+      ],
+    );
   }
 }

Frontend/lib/mih_packages/mzansi_wallet/package_tools/mih_cards.dart

@@ -5,6 +5,7 @@ import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_
 import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_dropdown_input.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_number_input.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_search_input.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_text_input.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_layout/mih_single_child_scroll.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_layout/mih_window.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih-app_tool_body.dart';
@@ -31,6 +32,7 @@ class MihCards extends StatefulWidget {
 
 class _MihCardsState extends State<MihCards> {
   final TextEditingController shopController = TextEditingController();
+  final TextEditingController _nicknameController = TextEditingController();
   final TextEditingController cardNumberController = TextEditingController();
   final TextEditingController cardSearchController = TextEditingController();
   late Future<List<MIHLoyaltyCard>> cardList;
@@ -162,13 +164,21 @@ class _MihCardsState extends State<MihCards> {
                 child: Column(
                   children: [
                     const SizedBox(height: 10),
-                    MihCardDisplay(shopName: shopName.value, height: 200),
+                    MihCardDisplay(
+                        shopName: shopName.value, nickname: "", height: 200),
                   ],
                 ),
               );
             },
           ),
           const SizedBox(height: 10),
+          MIHTextField(
+            controller: _nicknameController,
+            hintText: "Card Nickname",
+            editable: true,
+            required: false,
+          ),
+          const SizedBox(height: 10),
           Row(
             mainAxisAlignment: MainAxisAlignment.center,
             crossAxisAlignment: CrossAxisAlignment.center,
@@ -218,7 +228,8 @@ class _MihCardsState extends State<MihCards> {
                     cardNumberController.text,
                     "",
                     0,
-                    1,
+                    _nicknameController.text,
+                    0,
                     context,
                   );
                 }
@@ -242,6 +253,7 @@ class _MihCardsState extends State<MihCards> {
     cardSearchController.removeListener(searchShop);
     cardSearchController.dispose();
     searchShopName.dispose();
+    _nicknameController.dispose();
     shopName.dispose();
     super.dispose();
   }