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

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;
   }