add function syntax to sveltestrap onclick events and others

- fixes event_handler_invalid svelte warning and blockage

web/frontend/src/generic/helper/TextFilter.svelte

@@ -107,7 +107,7 @@
     placeholder={presetProject ? `Find ${mode} in ${scrambleNames ? scramble(presetProject) : presetProject} ...` : `Find ${mode} ...`}
   />
   {#if presetProject}
-  <Button title="Reset Project" on:click={resetProject}
+  <Button title="Reset Project" on:click={() => resetProject}
     ><Icon name="arrow-counterclockwise" /></Button
   >
   {/if}

web/frontend/src/generic/joblist/JobInfo.svelte

@@ -76,7 +76,7 @@
         <a href="/monitoring/job/{job.id}" target="_blank">{job.jobId}</a>
         ({job.cluster}) 
       </span>
-      <Button id={`${job.cluster}-${job.jobId}-clipboard`} outline color="secondary" size="sm" on:click={clipJobId(job.jobId)} >
+      <Button id={`${job.cluster}-${job.jobId}-clipboard`} outline color="secondary" size="sm" on:click={() => clipJobId(job.jobId)} >
         {#if displayCheck}
           <Icon name="clipboard2-check-fill"/>
         {:else}

web/frontend/src/generic/joblist/Pagination.svelte

@@ -29,13 +29,13 @@
     <div class="cc-pagination-right">
         {#if !backButtonDisabled}
         <button aria-label="page-reset"  class="reset nav" type="button"
-            on:click|preventDefault="{reset}"></button>
+            on:click|preventDefault={() => reset}></button>
         <button aria-label="page-back" class="left nav" type="button"
-            on:click|preventDefault="{() => { page -= 1; }}"></button>
+            on:click|preventDefault={() => { page -= 1; }}></button>
         {/if}
         {#if !nextButtonDisabled}
         <button aria-label="page-up" class="right nav" type="button"
-            on:click|preventDefault="{() => { page += 1; }}"></button>
+            on:click|preventDefault={() => { page += 1; }}></button>
         {/if}
     </div>
 </div>

web/frontend/src/generic/select/HistogramSelection.svelte

@@ -88,7 +88,7 @@
     </ListGroup>
   </ModalBody>
   <ModalFooter>
-    <Button color="primary" on:click={closeAndApply}>Close & Apply</Button>
+    <Button color="primary" on:click={() => closeAndApply}>Close & Apply</Button>
     <Button color="secondary" on:click={() => (isOpen = !isOpen)}>Close</Button>
   </ModalFooter>
 </Modal>

web/frontend/src/generic/select/MetricSelection.svelte

@@ -188,7 +188,7 @@
     </ListGroup>
   </ModalBody>
   <ModalFooter>
-    <Button color="primary" on:click={closeAndApply}>Close & Apply</Button>
+    <Button color="primary" on:click={() => closeAndApply}>Close & Apply</Button>
     <Button color="secondary" on:click={() => (isOpen = !isOpen)}>Cancel</Button>
   </ModalFooter>
 </Modal>