Fix some styling issues and query bug

internal/assets/static/main.css

@@ -1221,12 +1221,13 @@ body {
 .search-input {
     width: 100%;
     padding: 10px 40px 10px 10px;
-    font-size: var(--font-size-h3);
+    font-size: var(--font-size-h2);
     border: 1px solid var(--color-widget-content-border);
     border-radius: 20px;
     color: white;
     background: var(--color-background);
     transition: border-color 0.15s ease;
+    font-family: 'JetBrains Mono', monospace;
 }
 
 .search-input:focus {
@@ -1234,6 +1235,11 @@ body {
     border-color: var(--color-primary);
 }
 
+.search-input:placeholder-shown {
+    color: var(--color-text-subdue);
+    font-family: 'JetBrains Mono', monospace;
+}
+
 .search-button {
     position: absolute;
     right: 10px;

internal/assets/templates/search.html

@@ -3,7 +3,7 @@
 {{ define "widget-content" }}
     <form class="search-form" action="{{ .SearchURL }}" method="get">
       <div class="search-input-container">
-        <input type="text" class="search-input" value name="q" placeholder="Search...">
+        <input type="text" class="search-input" value="{{ .Query }}" name="q" placeholder="Search...">
         <button type="submit" class="search-button">
           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"