add liner function descriptions

Author: randomtask2000

src/lib/components/ChatMessage.svelte

@@ -295,6 +295,9 @@
 
     // Handle other markdown formatting and convert newlines to br for non-code content
     result = result
+      // Handle bold code blocks first (removes backticks when inside bold)
+      .replace(/\*\*`([^`]+)`\*\*/g, '<strong>$1</strong>')
+      // Then handle regular inline code
       .replace(
         /`([^`]+)`/g,
         '<code class="bg-surface-200-700-token text-surface-700-200-token px-1 rounded ">$1</code>'

src/lib/components/ThemeSwitcher.svelte

@@ -94,12 +94,10 @@
 
 <div
   class="relative theme-dropdown"
-  class:border-2={isDropdownOpen}
-  class:border-blue-500={isDropdownOpen}
 >
   <button
     bind:this={buttonRef}
-    class="btn btn-sm variant-ghost-surface flex items-center space-x-2"
+    class="btn btn-sm variant-ghost-surface flex items-center space-x-2 focus:outline-none"
     on:click={() => {
       console.log('Theme button click event fired');
       toggleDropdown();
@@ -179,7 +177,7 @@
             </div>
           </div>
           <button
-            class="relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-white/50 focus:ring-offset-2 {$isDarkMode
+            class="relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none {$isDarkMode
               ? 'bg-white/30'
               : 'bg-white/20'}"
             on:click={handleDarkModeToggle}