Session api token validation

resources/js/Components/FlightsGoneBy/Panels/AirlinePanel.vue

@@ -40,26 +40,4 @@ defineProps<{
     gap: 0.75rem;
     margin-bottom: 0.25rem;
 }
-
-.airline-logo-placeholder {
-    width: 42px;
-    height: 42px;
-    border-radius: 8px;
-    background: var(--accent-glow);
-    border: 1px solid rgba(56, 189, 248, 0.2);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 0.75rem;
-    font-family: 'Share Tech Mono', monospace;
-    color: var(--accent);
-    flex-shrink: 0;
-}
-
-.airline-name {
-    font-size: 1rem;
-    font-weight: 600;
-    color: var(--text);
-}
-
 </style>

resources/js/Components/FlightsGoneBy/Panels/Panel.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import PanelLabel from "@/Components/FlightsGoneBy/Panels/PanelLabel.vue";
+
 defineProps<{
     label?: string
 }>()
@@ -6,30 +8,16 @@ defineProps<{
 
 <template>
     <div class="panel glass glass-border">
-        <div v-if="label" class="panel-label">{{label}}</div>
+        <PanelLabel v-if="label">{{label}}</PanelLabel>
         <slot />
     </div>
 </template>
 
 <style scoped>
-
-/* Panels */
 .panel {
     padding: 1.25rem 1.5rem;
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
 }
-
-.panel-label {
-    font-size: 0.65rem;
-    font-weight: 600;
-    letter-spacing: 0.12em;
-    text-transform: uppercase;
-    color: var(--accent);
-    margin-bottom: 0.25rem;
-    opacity: 0.8;
-}
-
-
 </style>

resources/js/Components/FlightsGoneBy/Panels/PanelLabel.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <div class="panel-label">
+        <slot/>
+    </div>
+</template>
+
+<style scoped>
+.panel-label {
+    font-size: 0.65rem;
+    font-weight: 600;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    color: var(--accent);
+    margin-bottom: 0.25rem;
+    opacity: 0.8;
+}
+</style>