Add query and response interface as a TEFCA precursor

Author: daniellrgn

src/lib/AddFile.svelte

@@ -22,6 +22,7 @@
   import FetchFile from './FetchFile.svelte';
   import FetchSoF from './FetchSoF.svelte';
   import FetchAD from './FetchAD.svelte';
+  import FetchTEFCA from './FetchTEFCA.svelte';
   import ODHForm from './ODHForm.svelte';
   import ResourceSelector from './ResourceSelector.svelte';
   import { verify } from './shcDecoder.js';
@@ -38,6 +39,7 @@
   import { page } from '$app/stores';
   import { getResourcesFromIPS } from './resourceUploader.js';
   import { goto } from '$app/navigation';
+    import FetchTefca from './FetchTEFCA.svelte';
 
   export let status = "";
   
@@ -353,6 +355,12 @@
           on:update-resources={ async ({ detail }) => { handleNewResources(detail) } }>
         </FetchAD>
       </TabPane>
+      <TabPane class="tefca-tab" tabId="tefca" style="padding-top:10px">
+        <span class="tefca-tab" slot="tab">TEFCA Search</span>
+        <FetchTEFCA
+          on:update-resources={ async ({ detail }) => { handleNewResources(detail) } }>
+        </FetchTEFCA>
+      </TabPane>
     </TabContent>
   </AccordionItem>
   {#if resourcesToReview.length > 0}