fix: logo bigger (32px), site name and path aligned to right of logo

- Logo 32px to fill more of the header height
- Logo on left, text + crumb path stacked to its right (not below)
- .crumb-text wrapper keeps $ protocol-droid and path together
- Path aligns with the $ sign, not underneath the logo

frontend/index.html

@@ -11,11 +11,11 @@
 
 <header>
   <div class="breadcrumb" onclick="navigate('library')">
-    <div class="crumb-main">
-      <img src="frontend/logo.svg" class="header-logo" alt="">
+    <img src="frontend/logo.svg" class="header-logo" alt="">
+    <div class="crumb-text">
       <span><span class="prompt">$</span> protocol-droid</span>
+      <span class="crumb-path" id="crumbPath"></span>
     </div>
-    <span class="crumb-path" id="crumbPath"></span>
   </div>
   <nav id="navBar">
     <a href="#library" class="active" data-view="library">PROTOCOLS</a>