Added some boilerplate

frontend/src/organisms/collection-detail/indexes.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <div class="buttons">
-  <button class="btn">Get indexes</button>
+  <button class="btn" on:click={getIndexes}>Get indexes</button>
-  <button class="btn" disabled={!indexes?.length}>Drop selected</button>
+  <button class="btn danger" disabled={!indexes?.length}>Drop selected</button>
   <button class="btn">Create&hellip;</button>
 </div>

frontend/src/organisms/collection-detail/insert.svelte

@@ -26,7 +26,7 @@
         Success! {insertedIds.length} document{insertedIds.length > 1 ? 's' : ''} inserted
       {/if}
     </div>
-    <button type="submit" class="btn">Insert</button>
+    <button type="submit" class="btn" disabled={!input}>Insert</button>
   </div>
 </form>
 

frontend/src/organisms/collection-detail/remove.svelte

@@ -6,10 +6,10 @@
   let remove = '';
   $: code = `db.${collection.key}.remove(${remove});`;
 
-  function insert() {}
+  function performRemove() {}
 </script>
 
-<form on:submit|preventDefault={insert}>
+<form on:submit|preventDefault={performRemove}>
   <CodeExample {code} />
 
   <label class="field">
@@ -18,7 +18,7 @@
 
   <div class="flex">
     <div></div>
-    <button type="submit" class="btn">Remove</button>
+    <button type="submit" class="btn" disabled={!remove}>Remove</button>
   </div>
 </form>