fix: Header search input is on the wrong side on Drafts page

app/components/InputSearchPage.tsx

@@ -11,13 +11,21 @@ import { searchPath } from "~/utils/routeHelpers";
 import Input, { Outline } from "./Input";
 
 type Props = {
+  /** A string representing where the search started, for tracking. */
   source: string;
+  /** Placeholder text for the input. */
   placeholder?: string;
+  /** Label for the input. */
   label?: string;
+  /** Whether the label should be hidden. */
   labelHidden?: boolean;
+  /** An optional ID of a collection to search within. */
   collectionId?: string;
+  /** The current value of the input. */
   value?: string;
+  /** Event handler for when the input value changes. */
   onChange?: (event: React.ChangeEvent<HTMLInputElement>) => unknown;
+  /** Event handler for when a key is pressed. */
   onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => unknown;
 };
 

app/scenes/Drafts.tsx

@@ -53,15 +53,11 @@ function Drafts() {
     <Scene
       icon={<DraftsIcon />}
       title={t("Drafts")}
+      left={<InputSearchPage source="drafts" label={t("Search documents")} />}
       actions={
-        <>
+        <Action>
-          <Action>
+          <NewDocumentMenu />
-            <InputSearchPage source="drafts" label={t("Search documents")} />
+        </Action>
-          </Action>
-          <Action>
-            <NewDocumentMenu />
-          </Action>
-        </>
       }
     >
       <Heading>{t("Drafts")}</Heading>