✨ feat: provide seperate search bars for the home & search pages (#185)

public/templates/search_bar.html

@@ -1,25 +1,2 @@
-<div class="search_bar">
-  <input
-    type="search"
-    name="search-box"
-    value="{{this.pageQuery}}"
-    placeholder="Type to search"
-  />
-  <button type="submit" onclick="searchWeb()">search</button>
-  <div class="error_box">
-    <button onclick="toggleErrorBox()" class="error_box_dropdown">
-      <img src="./images/info.svg" alt="Info icon for error box" />
-    </button>
-    {{#each engineErrorsInfo}}
-    <div class="error_item">
-      <span class="engine_name">{{{this.engine}}}</span>
-      <span class="engine_name">{{{this.error}}}</span>
-      <span
-        class="severity_color"
-        style="background: {{{this.severity_color}}}; width: 400px; height: 400px"
-        >lsl</span
-      >
-    </div>
-    {{/each}}
-  </div>
+{{>bar this}}
 </div>

public/templates/search_page_search_bar.html

@@ -0,0 +1,27 @@
+{{>bar this}}
+    <div class="error_box">
+        {{#if engineErrorsInfo}}
+        <button onclick="toggleErrorBox()" class="error_box_toggle_button">
+            <img src="./images/warning.svg" alt="Info icon for error box" />
+        </button>
+        <div class="dropdown_error_box">
+            {{#each engineErrorsInfo}}
+            <div class="error_item">
+                <span class="engine_name">{{{this.engine}}}</span>
+                <span class="engine_name">{{{this.error}}}</span>
+                <span class="severity_color" style="background: {{{this.severity_color}}};"></span>
+            </div>
+            {{/each}}
+        </div>
+        {{else}}
+        <button onclick="toggleErrorBox()" class="error_box_toggle_button">
+            <img src="./images/info.svg" alt="Warning icon for error box" />
+        </button>
+        <div class="dropdown_error_box">
+            <div class="no_errors">
+                Everything looks good 🙂!!
+            </div>
+        </div>
+        {{/if}}
+    </div>
+</div>