fix(ui): correct fonts, semicolons and preload target

- Add missing semicolon in apps/web/src/styles.scss to fix invalid CSS
  that could break style parsing for .scroll-viewport.
- Change preconnect in apps/web/src/index.html from fonts.gstatic.com to
  fonts.googleapis.com and consolidate multiple Google Fonts links into 
  a single stylesheet URL to reduce redundant requests and ensure 
  Material Icons and selected font families load together.
  Remove duplicated @import of Outfit in
  
  libs/ui/components/src/lib/multi-epg/multi-epg-container.component.scss, 
  switch component font-family to Roboto (with fallback) and update 
  button font to match, ensuring consistent typography and avoiding 
  external import duplication across components. ese changes fix a 
  ntax error, optimize font loading, and standardize
typography across the UI.

libs/ui/components/src/lib/multi-epg/multi-epg-container.component.scss

@@ -1,6 +1,3 @@
-// Import distinctive fonts
-@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
-
 // Color palette - Broadcast control room aesthetic
 $bg-deep: #0a0a0f;
 $bg-surface: #12121a;
@@ -42,7 +39,7 @@ $gradient-header: linear-gradient(
     display: flex;
     background: $bg-deep;
     color: $text-primary;
-    font-family: 'Outfit', sans-serif;
+    font-family: Roboto, 'Helvetica Neue', sans-serif;
     position: relative;
     overflow-y: auto;
     height: calc(100vh - 56px);
@@ -96,7 +93,7 @@ $gradient-header: linear-gradient(
 
     // Button styling
     button {
-        font-family: 'Outfit', sans-serif;
+        font-family: Roboto, 'Helvetica Neue', sans-serif;
         font-weight: 500;
         letter-spacing: 0.02em;
         transition: all 0.2s ease;