move some parts to services and introduce the backend communication for the airports

src/components/login.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { Button } from 'primereact/button';
 import { Card } from 'primereact/card';
-import { Configuration } from './configuration';
+import { Configuration } from '../services';
 
 export const Login: React.FC = () => {
   // reset every old token

src/services/airport.ts

@@ -0,0 +1,15 @@
+import axios from 'axios';
+import { Configuration } from './configuration';
+import { AirportOverview } from '../types';
+
+export class Airport {
+  static async all(): Promise<AirportOverview[]> {
+    return axios
+      .get<AirportOverview[]>(`${Configuration.resourceServer}/airport/all`, {
+        headers: {
+          Authorization: `Bearer ${sessionStorage.getItem('token')}`,
+        },
+      })
+      .then((response) => response.data);
+  }
+}

src/services/index.ts

@@ -0,0 +1,4 @@
+import { Airport } from "./airport";
+import { Configuration } from "./configuration";
+
+export { Airport, Configuration };