feat: product view wip

lib/application/component/button/button_back.dart

@@ -0,0 +1,23 @@
+import 'package:cims_apps/core/utils/size_config.dart';
+import 'package:flutter/material.dart';
+
+class ButtonBack extends StatelessWidget {
+  const ButtonBack({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: SizeConfig.width * 0.1,
+      child: IconButton(
+          style: IconButton.styleFrom(
+              backgroundColor: Colors.white,
+              shape: const CircleBorder()
+          ),
+          onPressed: () {
+            Navigator.pop(context);
+          },
+          icon: const Icon(Icons.arrow_back)
+      ),
+    );
+  }
+}

lib/application/component/text_title/text_title.dart

@@ -3,11 +3,13 @@ import 'package:flutter/cupertino.dart';
 
 class TextTitle extends StatelessWidget {
   final String title;
-  final Color color;
+  final Color? color;
+  final double? fontSize;
   const TextTitle({
     Key? key,
     required this.title,
-    required this.color,
+    this.color,
+    this.fontSize,
   }) : super(key: key);
 
   @override
@@ -15,9 +17,9 @@ class TextTitle extends StatelessWidget {
     return Text(
       title,
       style: TextStyle(
-        fontSize: 20,
+        fontSize: fontSize ?? 20,
         fontWeight: FontWeight.w700,
-        color: color,
+        color: color ?? ColorPalette.slate800,
       ),
     );
   }

lib/application/theme/color_palette.dart

@@ -73,6 +73,8 @@ class ColorPalette {
   static const Color chathamsBlue = Color(0xFF285BB9);
   static const Color background = Color(0xFFDADADA);
   static const Color backgroundBlueLight = Color(0xFFEBF3FD);
+  static const Color blue200 = Color(0xFFBFDBFE);
+  static const Color slate50 = Color(0xFFF8FAFC);
   static const Color slate200 = Color(0xFFE2E8F0);
   static const Color slate400 = Color(0xFF94A3B8);
   static const Color slate500 = Color(0xFF64748B);
@@ -86,4 +88,19 @@ class ColorPalette {
   static const Color green100 = Color(0xFFDCFCE7);
   static const Color green400 = Color(0xFF4ADE80);
   static const Color green500 = Color(0xFF16A34A);
+
+
+  static const Map<String, Color> investTypeColor = {
+    'Money Market': purple500,
+    'Shares': orange500,
+    'Sharia': green500,
+    'Bonds': cyan500
+  };
+
+  static const Map<String, Color> investTypeBgColor = {
+    'Money Market': purple100,
+    'Shares': orange100,
+    'Sharia': green100,
+    'Bonds': cyan100
+  };
 }