Update linked record selector to handle errors and remove loading state flashing

packages/builder/src/components/common/LinkedRecordSelector.svelte

@@ -8,17 +8,24 @@
   export let schema
   export let linkedRecords = []
 
+  let records = []
+
   $: label = capitalise(schema.name)
   $: linkedModelId = schema.modelId
   $: linkedModel = $backendUiStore.models.find(
     model => model._id === linkedModelId
   )
-  $: promise = fetchRecords(linkedModelId)
+  $: fetchRecords(linkedModelId)
 
   async function fetchRecords(linkedModelId) {
     const FETCH_RECORDS_URL = `/api/${linkedModelId}/records`
+    try {
       const response = await api.get(FETCH_RECORDS_URL)
-    return await response.json()
+      records = await response.json()
+    } catch (error) {
+      console.log(error)
+      records = []
+    }
   }
 
   function getPrettyName(record) {
@@ -34,7 +41,6 @@
     table.
   </Label>
 {:else}
-  {#await promise then records}
   <Multiselect
     secondary
     bind:value={linkedRecords}
@@ -44,5 +50,4 @@
       <option value={record._id}>{getPrettyName(record)}</option>
     {/each}
   </Multiselect>
-  {/await}
 {/if}