add pilots

app/src/components/pilots/Pilots.tsx

@@ -6,7 +6,8 @@ import {
   Drawer,
   DrawerBody,
   DrawerHeader,
-  DrawerFooter
+  DrawerFooter,
+  PlusIcon
 } from '@noahspan/noahspan-components';
 
 const Pilots: React.FC<unknown> = () => {
@@ -19,13 +20,15 @@ const Pilots: React.FC<unknown> = () => {
     <div className="container mx-auto">
       <div className="px-6">
         <h1 role="heading">Pilots</h1>
+        <PlusIcon size="2xl" />
         <Button
+          className="flex items-center gap-3"
           variant="filled"
           onClick={onOpenCloseDrawer}
-          // startContent={<FontAwesomeIcon icon={faPlus} />}
-          data-testid="new-pilot-button"
+          data-testid="add-pilot-button"
         >
-          New
+          <PlusIcon size="lg" />
+          Add Pilot
         </Button>
         <DatePicker />
         <Drawer
@@ -34,13 +37,13 @@ const Pilots: React.FC<unknown> = () => {
           size={1000}
           data-testid="pilot-drawer"
         >
-          {/* <DrawerHeader text='Add Pilot' onClose={onOpenCloseDrawer} /> */}
+          <DrawerHeader text="Add Pilot" onClose={onOpenCloseDrawer} />
 
           <DrawerBody>
             <PilotForm />
           </DrawerBody>
           <DrawerFooter>
-            <div className="flex gap-4 justify-end justify-self-center">
+            <div className="flex gap-2 justify-end justify-self-center">
               <div>
                 <Button
                   variant="outlined"