Move suspense above popover dropdown

apps/client/src/components/ui/emoji-picker.tsx

@@ -68,8 +68,8 @@ function EmojiPicker({
           {icon}
         </ActionIcon>
       </Popover.Target>
-      <Popover.Dropdown bg="000" style={{ border: "none" }} ref={setDropdown}>
       <Suspense fallback={null}>
+        <Popover.Dropdown bg="000" style={{ border: "none" }} ref={setDropdown}>
           <Picker
             data={async () => (await import("@emoji-mart/data")).default}
             onEmojiSelect={handleEmojiSelect}
@@ -77,7 +77,6 @@ function EmojiPicker({
             skinTonePosition="search"
             theme={colorScheme}
           />
-        </Suspense>
           <Button
             variant="default"
             c="gray"
@@ -93,6 +92,7 @@ function EmojiPicker({
             {t("Remove")}
           </Button>
         </Popover.Dropdown>
+      </Suspense>
     </Popover>
   );
 }