feat(ui): add TTS logo to header with dark/light mode variants

ui/src/routes/+layout.svelte

@@ -60,7 +60,7 @@
   <div class="layout-container">
     <header class="header">
       <div class="header-content">
-        <h1>Project Optima</h1>
+        <img src={$theme === 'dark' ? '/tts-logo-dark.png' : '/tts-logo.png'} alt="Total Tech Solutions" class="header-logo" />
         <button
           class="theme-toggle"
           on:click={() => theme.toggle()}

ui/src/styles/layout.css

@@ -33,6 +33,14 @@
   color: var(--header-text);
 }
 
+.header-logo {
+  height: 40px;
+  width: auto;
+  display: block;
+}
+
+
+
 /* Layout Wrapper */
 .layout-wrapper {
   display: flex;