fix dashboard flight card + formatting

client/src/components/BookingList/BookingList.scss

@@ -18,4 +18,4 @@
 
 .booking-bold {
   font-weight: bold;
-}
+}
\ No newline at end of file

client/src/components/BookingList/BookingList.tsx

@@ -33,4 +33,4 @@ function BookingList() {
   );
 }
 
-export default BookingList;
+export default BookingList;
\ No newline at end of file

client/src/components/BookingQuery/BookingQuery.scss

@@ -9,4 +9,4 @@
 .booking-query-card {
   width: 20vw;
   min-width: 350px;
-}
+}
\ No newline at end of file

client/src/components/BookingQuery/BookingQuery.tsx

@@ -79,4 +79,4 @@ function BookingQuery() {
   );
 }
 
-export default BookingQuery;
+export default BookingQuery;
\ No newline at end of file

client/src/components/Dashboard/FlightCard/FlightCard.tsx

 import { Link } from 'react-router-dom';
 import { IFlight } from '../../../services/Dashboard/CustomerDashboard';
+import { airportCode } from '../../../helpers/Airports';
 import './FlightCard.scss';
 
 interface IFlightCard {
@@ -11,7 +12,7 @@ function FlightCard({ flight }: IFlightCard) {
     <>
       <div className='flight-card'>
         <span>{flight.id}</span>
-        {/* <span className='flight-path'>{flight.origin} - {flight.destination}</span> */}
+        <span className='flight-path'>{airportCode(flight.origin)} - {airportCode(flight.destination)}</span>
         <span>{flight.origin} - {flight.destination}</span>
         <Link to={'/flights/' + flight.id}>View Flight</Link>
       </div>

client/src/helpers/Airports.ts

@@ -14,3 +14,7 @@ airportMap.set('Liverpool', 'LPL');
 airportMap.set('Norwich', 'NWI');
 
 export const airports = [...airportMap.keys()];
+
+export function airportCode(airport: string): string {
+  return airportMap.get(airport) ?? 'unknown';
+};
\ No newline at end of file