hide when Enter is pressed (#262)

frontend/app/element/input.less

@@ -7,7 +7,7 @@
     border-radius: 6px;
     position: relative;
     min-height: 32px;
-    min-width: 200px;
+    min-width: 100px;
     gap: 6px;
     border: 2px solid var(--form-element-border-color);
     background: var(--form-element-bg-color);

frontend/app/modals/typeaheadmodal.less

@@ -50,7 +50,7 @@
         display: flex;
         flex-direction: column;
         width: 100%;
-        min-width: 390px;
+        min-width: 100px;
 
         .label {
             opacity: 0.5;

frontend/app/view/preview/preview.tsx

@@ -653,7 +653,7 @@ function PreviewView({ blockId, model }: { blockId: string; model: PreviewModel
                 });
                 return true;
             }
-            if (keyutil.checkKeyPressed(waveEvent, "Cmd:d")) {
+            if (keyutil.checkKeyPressed(waveEvent, "Cmd:d") || keyutil.checkKeyPressed(waveEvent, "Enter")) {
                 globalStore.set(atoms.typeAheadModalAtom, {
                     ...(typeAhead as TypeAheadModalType),
                     [blockId]: false,
@@ -687,6 +687,7 @@ function PreviewView({ blockId, model }: { blockId: string; model: PreviewModel
                     anchor={contentRef}
                     onKeyDown={(e) => keyutil.keydownWrapper(handleKeyDown)(e)}
                     onSelect={handleFileSuggestionSelect}
+                    onSubmit={(value) => console.log(value)}
                 />
             )}
             <div