Add logout button, fix metro label positioning

- Add top bar with breadcrumb (left) and user name + logout button (right)
- Move station labels below dots (centered) to prevent line overlap
- Move line labels further above stations
- Increase vertical spacing between metro lines (160px) for label clearance
- Align station x-coordinates for cleaner map layout

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

resources/js/Components/MetroMap/Breadcrumb.vue

@@ -25,18 +25,9 @@ const emit = defineEmits(['navigate'])
 
 <style scoped>
 .breadcrumb {
-    position: fixed;
-    top: 12px;
-    left: 16px;
-    z-index: 50;
     font-family: 'VT323', monospace;
     font-size: 16px;
     color: #8892b0;
-    background: rgba(26, 26, 46, 0.85);
-    padding: 6px 14px;
-    border-radius: 4px;
-    border: 1px solid rgba(0, 210, 255, 0.15);
-    backdrop-filter: blur(8px);
 }
 
 .breadcrumb-item.active {