Added the ability to move question

apps/spotlight/src/env.d.ts

@@ -1 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />

e2e/src/create.spec.ts

@@ -9,7 +9,7 @@ const createNewForm = async (page: Page) => {
 }
 
 const addQuestions = async (page: Page) => {
-  const menuButton = page.getByRole('button', { name: 'Question' });
+  const menuButton = page.getByRole('button', { name: 'Question', exact: true });
   await menuButton.click();
   await page.getByRole('button', { name: 'Short Answer' }).click();
   await menuButton.click();

packages/design/src/FormManager/FormEdit/AddPatternDropdown.tsx

@@ -282,12 +282,9 @@ const AddPatternDropdownContent = ({
       className={`${styles.dropdownMenu} usa-list usa-list--unstyled position-absolute bg-white z-100 shadow-3 text-left`}
     >
       {availablePatterns.map(([patternType, pattern], index) => (
-        <li
-          key={index}
-          className={`${styles.dropdownItem} padding-1 cursor-pointer margin-left-1`}
-        >
+        <li key={index} className={`${styles.dropdownItem} margin-left-1`}>
           <button
-            className="bg-transparent padding-0 border-0"
+            className="bg-transparent padding-1 text-left width-full cursor-pointer border-0"
             onClick={() => {
               patternSelected(patternType);
             }}

packages/design/src/FormManager/FormEdit/PreviewPattern.tsx

@@ -31,6 +31,7 @@ export const PreviewPattern: PatternComponent = function PreviewPattern(props) {
   const EditComponent = context.editComponents[props.type];
   return (
     <div
+      id="editComponent"
       ref={focusRef}
       onClick={event => {
         if (EditComponent && !isPatternEditControlEvent(event)) {