Componente appbar y primary buttom

lib/src/screens/city.dart

@@ -3,6 +3,8 @@ import 'package:diacritic/diacritic.dart';
 import 'package:firebase_auth/firebase_auth.dart';
 import 'package:flutter/material.dart';
 import 'package:prosappco/src/authentication/authentication_repository.dart';
+import 'package:prosappco/src/components/pop_appbar.dart';
+import 'package:prosappco/src/components/primary_btn.dart';
 
 class CityScreen extends StatefulWidget {
   const CityScreen({super.key});
@@ -132,23 +134,11 @@ class _CityScreenState extends State<CityScreen> {
 
     return SafeArea(
       child: Scaffold(
-        appBar: AppBar(
-            backgroundColor: Colors.white,
-            leading: IconButton(
-              icon: Icon(Icons.arrow_back),
-              onPressed: () {
-                Navigator.pushReplacementNamed(context, '/profile');
-              },
-            ),
-            iconTheme: IconThemeData(
-              color: Colors.black,
-            ),
-            title: Text(
-              'Seleccione su ciudad',
-              style: TextStyle(
-                color: Colors.black,
-              ),
-            )),
+        appBar: PopAppbar(
+            onPressed: () {
+              Navigator.pushReplacementNamed(context, '/profile');
+            },
+            label: 'Seleccione su ciudad'),
         body: Column(
           children: [
             Padding(