Add ClickHouse logo to header

- Add clickhouse-yellow-badge.svg to src/assets/
- Import and display logo left of title in App.tsx
- Style logo at 28px height, vertically centered

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: alex-clickhouse

src/assets/clickhouse-yellow-badge.svg

@@ -2,12 +2,14 @@ import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels';
 import { HexViewer } from './HexViewer/HexViewer';
 import { AstTree } from './AstTree/AstTree';
 import { QueryInput } from './QueryInput';
+import logo from '../assets/clickhouse-yellow-badge.svg';
 import '../styles/app.css';
 
 function App() {
   return (
     <div className="app">
       <header className="app-header">
+        <img src={logo} alt="ClickHouse" className="app-logo" />
         <h1 className="app-title">ClickHouse Format Explorer</h1>
       </header>
 

src/components/App.tsx

@@ -7,14 +7,19 @@
 
 .app-header {
   display: flex;
-  align-items: baseline;
+  align-items: center;
   gap: 12px;
   padding: 12px 16px;
   background: var(--bg-tertiary);
   border-bottom: 1px solid var(--border-color);
   flex-shrink: 0;
 }
 
+.app-logo {
+  height: 28px;
+  width: auto;
+}
+
 .app-title {
   font-size: 18px;
   font-weight: 600;