feat(web.azure): add Azure brand SVG badge next to portal title

Inline SVG (no external CDN dependency) of the official Microsoft Azure
logo, sized 18x18 px, rendered between the lock emoji and the small
'Azure' textual tag in the sidebar header. Helps operators immediately
identify they are looking at the Azure-hosted variant of the portal
versus the on-prem one.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: robgrame

src/BitLockerKeyMonitor.Web.Azure/Components/Layout/MainLayout.razor

@@ -4,7 +4,32 @@
 <div class="app-container">
     <nav class="sidebar">
         <div class="sidebar-header">
-            <h2>🔐 BLK Monitor <small style="font-weight:normal;font-size:.7rem;color:#9aa">Azure</small></h2>
+            <h2>
+                🔐 BLK Monitor
+                <svg class="azure-badge" viewBox="0 0 96 96" aria-label="Azure" role="img" focusable="false">
+                    <title>Microsoft Azure</title>
+                    <linearGradient id="azure-grad-a" x1="-1032.17" x2="-1059.21" y1="145.31" y2="65.43" gradientTransform="matrix(1 0 0 -1 1075 158)" gradientUnits="userSpaceOnUse">
+                        <stop offset="0" stop-color="#114a8b" />
+                        <stop offset="1" stop-color="#0669bc" />
+                    </linearGradient>
+                    <linearGradient id="azure-grad-b" x1="-1023.73" x2="-1029.98" y1="108.08" y2="105.97" gradientTransform="matrix(1 0 0 -1 1075 158)" gradientUnits="userSpaceOnUse">
+                        <stop offset="0" stop-opacity=".3" />
+                        <stop offset=".07" stop-opacity=".2" />
+                        <stop offset=".32" stop-opacity=".1" />
+                        <stop offset=".62" stop-opacity=".05" />
+                        <stop offset="1" stop-opacity="0" />
+                    </linearGradient>
+                    <linearGradient id="azure-grad-c" x1="-1027.16" x2="-997.48" y1="147.64" y2="68.56" gradientTransform="matrix(1 0 0 -1 1075 158)" gradientUnits="userSpaceOnUse">
+                        <stop offset="0" stop-color="#3ccbf4" />
+                        <stop offset="1" stop-color="#2892df" />
+                    </linearGradient>
+                    <path fill="url(#azure-grad-a)" d="M33.34 6.54h26.04l-27.03 80.1a4.15 4.15 0 0 1-3.94 2.81H8.15a4.14 4.14 0 0 1-3.93-5.47L29.4 9.35a4.15 4.15 0 0 1 3.94-2.81z" />
+                    <path fill="#0078d4" d="M71.17 60.26H29.88a1.91 1.91 0 0 0-1.3 3.31l26.53 24.76a4.17 4.17 0 0 0 2.85 1.13h23.38z" />
+                    <path fill="url(#azure-grad-b)" d="M33.34 6.54a4.12 4.12 0 0 0-3.95 2.85L4.25 83.92a4.14 4.14 0 0 0 3.91 5.54h20.79a4.44 4.44 0 0 0 3.4-2.86l5.03-14.83 17.96 16.75a4.24 4.24 0 0 0 2.67.94h23.29l-10.22-29.2-29.78.07L59.52 6.54z" />
+                    <path fill="url(#azure-grad-c)" d="M66.6 9.34a4.14 4.14 0 0 0-3.93-2.8H33.65a4.15 4.15 0 0 1 3.93 2.8l25.18 74.65a4.15 4.15 0 0 1-3.93 5.47h29.02a4.15 4.15 0 0 0 3.93-5.47z" />
+                </svg>
+                <small style="font-weight:normal;font-size:.7rem;color:#9aa">Azure</small>
+            </h2>
         </div>
         <ul class="nav-menu">
             <li><NavLink href="/" Match="NavLinkMatch.All">📊 Dashboard</NavLink></li>

src/BitLockerKeyMonitor.Web.Azure/wwwroot/app.css

@@ -7,7 +7,8 @@ body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Ro
 /* Layout */
 .app-container { display: flex; min-height: 100vh; }
 .sidebar { width: 240px; background: #1a1a2e; color: #fff; padding: 1rem; position: fixed; height: 100vh; }
-.sidebar-header h2 { font-size: 1.1rem; margin: 0 0 1.5rem; padding-bottom: 0.75rem; border-bottom: 1px solid #333; }
+.sidebar-header h2 { font-size: 1.1rem; margin: 0 0 1.5rem; padding-bottom: 0.75rem; border-bottom: 1px solid #333; display: flex; align-items: center; flex-wrap: wrap; gap: 0.35rem; }
+.sidebar-header .azure-badge { width: 18px; height: 18px; flex: 0 0 auto; }
 .nav-menu { list-style: none; padding: 0; margin: 0; }
 .nav-menu li { margin-bottom: 0.25rem; }
 .nav-menu a { display: block; color: #ccc; text-decoration: none; padding: 0.6rem 0.8rem; border-radius: 6px; transition: background 0.2s; }