Right rail, top bar, bottom bar and chat border: Socials slide-out drawer, tab icons and colors, EDIT toggle, stream readouts moved to the top-left cell, webcam border restored, chat border controls, 30fps vertical tier

- Socials: the dialog is a right-rail drawer (same pattern as Stream Info/YPP/TEST); the live-screen button is removed
- Right rail: Stream Info (was Stream Settings) and YPP show the YouTube logo; Socials and TEST get icons; tab colors and label colors per spec
- Top bar: EDIT toggle beside REC (orange when on, blue when off); going live on YouTube turns it off
- Stream readouts (bitrate, FPS, dropped n (x.y%), Live hh:mm:ss, health) and the resolution dropdown moved to the top-left cell; bottom bar emptied at the same height
- Webcam border drawing restored (it was removed with the CRT bezel change)
- YouTube chat layer: border color, thickness, and opacity controls
- Vertical 1080p30 tier added

Not related to the fps gate yet; no gating is enforced.

SocialsDialog.xaml.cs

@@ -1,24 +1,18 @@
 using System.Windows;
+using System.Windows.Controls;
 using System.Windows.Input;
 using ytLive.Helpers;
 using ytLive.ViewModels;
 
 namespace ytLive;
 
-public partial class SocialsDialog : Window
+public partial class SocialsDialog : UserControl
 {
-    private readonly SocialsDialogViewModel _viewModel;
+    private SocialsDialogViewModel _viewModel => (SocialsDialogViewModel)DataContext;
 
-    public SocialsDialog(SocialsDialogViewModel viewModel)
+    public SocialsDialog()
     {
-        AppLog.Write("SocialsDialog ctor: before InitializeComponent");
         InitializeComponent();
-        AppLog.Write("SocialsDialog ctor: after InitializeComponent");
-        DataContext = viewModel;
-        _viewModel = viewModel;
-        viewModel.SaveRequested += () => DialogResult = true;
-        viewModel.CancelRequested += () => DialogResult = false;
-        Closing += (_, _) => _viewModel.AbortPending();
     }
 
     private void SignInButton_Click(object sender, RoutedEventArgs e)