Add more airlines and fix edit bugs

resources/js/Components/FlightsGoneBy/Charts/FlightsPerDayChart.vue

@@ -1,18 +1,17 @@
 <template>
-    <div class="chart-wrap">
-        <div class="chart-title">Flights per day of week</div>
-        <apexchart
+        <FlightChart
+            title="Flights per day of week"
             type="bar"
             height="220"
             :options="chartOptions"
             :series="series"
         />
-    </div>
 </template>
 
 <script setup lang="ts">
 import { computed } from 'vue'
 import type { Flight } from '@/Types/types'
+import FlightChart from "@/Components/FlightsGoneBy/FlightChart.vue";
 
 const props = defineProps<{
     flights: Flight[]
@@ -97,17 +96,4 @@ const chartOptions = computed(() => ({
 </script>
 
 <style scoped>
-.chart-wrap {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-}
-
-.chart-title {
-    font-size: 13px;
-    font-weight: 500;
-    color: #556677;
-    text-transform: uppercase;
-    letter-spacing: 0.08em;
-}
 </style>