feat: slicing home page

lib/presentation/home/widgets/home_title.dart

@@ -1,3 +1,4 @@
+import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
 import 'package:flutter/material.dart';
 import 'package:enaklo_pos/core/extensions/date_time_ext.dart';
 
@@ -16,39 +17,52 @@ class HomeTitle extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Row(
-      mainAxisAlignment: MainAxisAlignment.spaceBetween,
-      children: [
-        Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            const Text(
-              'Enaklo POS',
-              style: TextStyle(
-                color: AppColors.primary,
-                fontSize: 22,
-                fontWeight: FontWeight.w600,
+    return Container(
+      height: context.deviceHeight * 0.1,
+      padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12.0),
+      decoration: BoxDecoration(
+        color: AppColors.primary,
+      ),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Row(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              Icon(Icons.store, color: AppColors.white, size: 32.0),
+              SizedBox(width: 12),
+              Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  const Text(
+                    'Enaklo POS',
+                    style: TextStyle(
+                      color: AppColors.white,
+                      fontSize: 22,
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                  Text(
+                    DateTime.now().toFormattedDate(),
+                    style: TextStyle(
+                      color: Colors.grey.shade300,
+                      fontSize: 16,
+                    ),
+                  ),
+                ],
               ),
-            ),
-            const SizedBox(height: 4.0),
-            Text(
-              DateTime.now().toFormattedDate(),
-              style: const TextStyle(
-                color: AppColors.subtitle,
-                fontSize: 16,
-              ),
-            ),
-          ],
-        ),
-        SizedBox(
-          width: 300.0,
-          child: SearchInput(
-            controller: controller,
-            onChanged: onChanged,
-            hintText: 'Search..',
+            ],
           ),
-        ),
-      ],
+          SizedBox(
+            width: 300.0,
+            child: SearchInput(
+              controller: controller,
+              onChanged: onChanged,
+              hintText: 'Search..',
+            ),
+          ),
+        ],
+      ),
     );
   }
 }