layout changes with media player and negative spacing at top of screen. updated sqlalchemy init for postgres deployment

src/app/navbar/navbar.component.html

@@ -8,6 +8,8 @@
       </span>
     </a>
 
+    <app-media-player></app-media-player>
+
     <button class="navbar-toggle" aria-label="Toggle menu" (click)="toggleMenu()">
       <span class="bar"></span>
       <span class="bar"></span>

src/app/navbar/navbar.component.scss

@@ -4,14 +4,47 @@
 .navbar {
   background: var(--color-primary-dark);
   padding: $spacing-sm 0;
-  position: sticky;
-  top: 0;
-  z-index: $z-sticky;
   box-shadow: $shadow-md;
+
+  :global(body.has-stream) & {
+    box-shadow: none;
+  }
 }
 
 .navbar-inner {
   @include flex-between;
+
+  // Mobile: media player inside navbar is hidden (app.html instance shown as fixed strip)
+  @media (max-width: #{$bp-md - 1px}) {
+    app-media-player {
+      display: none;
+    }
+  }
+
+  // Desktop: grid layout with media player inline
+  @media (min-width: $bp-md) {
+    display: grid;
+    align-items: center;
+    grid-template-columns: auto 1fr auto;
+    grid-template-areas: 'brand player menu';
+    gap: $spacing-lg;
+
+    .navbar-brand {
+      grid-area: brand;
+    }
+
+    app-media-player {
+      grid-area: player;
+    }
+
+    .navbar-menu {
+      grid-area: menu;
+    }
+
+    .navbar-toggle {
+      display: none;
+    }
+  }
 }
 
 .navbar-brand {
@@ -181,7 +214,6 @@
 // Responsive
 @media (max-width: #{$bp-md - 1px}) {
   .navbar {
-    height: 64px;
     padding: $spacing-xs 0;
   }
 

src/app/navbar/navbar.component.ts

@@ -3,6 +3,7 @@ import { CommonModule, UpperCasePipe } from '@angular/common';
 import { RouterLink, RouterLinkActive, Router } from '@angular/router';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
+import { MediaPlayerComponent } from '../media-player/media-player.component';
 import { AuthService } from '../services/auth.service';
 import { StationConfigService } from '../services/station-config.service';
 import { resolveImageUrl } from '../services/app-config.service';
@@ -10,7 +11,7 @@ import { resolveImageUrl } from '../services/app-config.service';
 @Component({
   selector: 'app-navbar',
   standalone: true,
-  imports: [CommonModule, UpperCasePipe, RouterLink, RouterLinkActive],
+  imports: [CommonModule, UpperCasePipe, RouterLink, RouterLinkActive, MediaPlayerComponent],
   templateUrl: './navbar.component.html',
   styleUrl: './navbar.component.scss',
 })