feat: plan view, wip plan view model

lib/application/component/numeric_pad/numeric_pad.dart

@@ -36,6 +36,18 @@ class NumericPad extends StatelessWidget {
           ],
         ),
         dividerGradient(true, Alignment.centerLeft, Alignment.centerRight),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            numberWidget('7'),
+            dividerGradient(false, Alignment.center, Alignment.center, fullColor: true),
+            numberWidget('8'),
+            dividerGradient(false, Alignment.center, Alignment.center, fullColor: true),
+            numberWidget('9')
+          ],
+        ),
+        dividerGradient(true, Alignment.centerLeft, Alignment.centerRight),
         Row(
           mainAxisAlignment: MainAxisAlignment.spaceEvenly,
           crossAxisAlignment: CrossAxisAlignment.center,
@@ -54,7 +66,7 @@ class NumericPad extends StatelessWidget {
   Widget dividerGradient(bool isHorizontal, AlignmentGeometry gradientFrom, AlignmentGeometry gradientTo, {bool fullColor = false}) {
     return Container(
       width: isHorizontal ? SizeConfig.width : 1,
-      height: isHorizontal ? 1 : SizeConfig.height * 0.11,
+      height: isHorizontal ? 1 : SizeConfig.height * 0.097,
       decoration: BoxDecoration(
           gradient: LinearGradient(
               colors: [
@@ -100,9 +112,14 @@ class NumericPad extends StatelessWidget {
 
   Widget removeWidget() {
     return Expanded(
-        child: Icon(
-          Icons.highlight_remove,
-          size: 28,
+        child: GestureDetector(
+          onTap: () {
+            onNumberSelected('');
+          },
+          child: Icon(
+            Icons.highlight_remove,
+            size: 28,
+          ),
         )
     );
   }