add pagination for invoice and update ui for material 3

lib/pages/invoice/invoice_info.dart

@@ -11,10 +11,9 @@ import 'package:fcs/pages/main/util.dart';
 import 'package:fcs/pages/rates/model/shipment_rate_model.dart';
 import 'package:fcs/pages/widgets/display_text.dart';
 import 'package:fcs/pages/widgets/fcs_icons.dart';
+import 'package:fcs/pages/widgets/local_app_bar.dart';
 import 'package:fcs/pages/widgets/local_button.dart';
-import 'package:fcs/pages/widgets/local_text.dart';
 import 'package:fcs/pages/widgets/progress.dart';
-import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:intl/intl.dart';
 import 'package:provider/provider.dart';
@@ -151,17 +150,11 @@ class _InvoiceInfoState extends State<InvoiceInfo> {
     return LocalProgress(
       inAsyncCall: _isLoading,
       child: Scaffold(
-        appBar: AppBar(
-          centerTitle: true,
-          leading: new IconButton(
-            icon: new Icon(CupertinoIcons.back, color: primaryColor),
-            onPressed: () => Navigator.of(context).pop(),
-          ),
-          backgroundColor: Colors.white,
-          shadowColor: Colors.transparent,
-          title: LocalText(context, 'invoice.form.title',
-              color: primaryColor, fontSize: 20),
-        ),
+        appBar: LocalAppBar(
+            labelKey: 'invoice.form.title',
+            backgroundColor: Colors.white,
+            labelColor: primaryColor,
+            arrowColor: primaryColor),
         body: Padding(
           padding: const EdgeInsets.all(8.0),
           child: ListView(