🐛(frontend) fix search-modal issues

QuickSearchItem takes an `alwaysShowRight` prop but
this right container was only gated to `isDesktop` so
on small viewports, no matter the value of `alwaysShowRight`
items were hidden.

Then we also fix a little style issue with dark theme, the
quick search input had the default browser background.

Author: jbpenrath

src/components/quick-search/QuickSearchItemTemplate.tsx

@@ -20,7 +20,7 @@ export const QuickSearchItemTemplate = ({
     <div className="c__quick-search-item-template" data-testid={testId}>
       <div className="c__quick-search-item-template__left">{left}</div>
 
-      {isDesktop && right && (
+      {(isDesktop || alwaysShowRight) && right && (
         <div
           className={clsx("c__quick-search-item-template__right", {
             "always-show-right": alwaysShowRight,

src/components/quick-search/index.scss

@@ -9,11 +9,16 @@
     color: var(--c--contextuals--content--semantic--neutral--tertiary);
   }
 
-  .quick-search-input {
+  input.quick-search-input {
+    background: transparent;
+    border: none;
+    outline: none;
+    color: var(--c--contextuals--content--semantic--neutral--primary);
+
     &::placeholder {
       color: var(
         --c--contextuals--content--semantic--neutral--tertiary
-      ) !important;
+      );
     }
   }
 }