Wait for datatype response before setting up tabs -- we need this to know if we are preview/viz/raw/etc.

Author: dannon

client/src/components/Dataset/DatasetView.vue

@@ -47,20 +47,28 @@ const preferredVisualization = computed(
     () => dataset.value && datatypeStore.getPreferredVisualization(dataset.value.file_ext)
 );
 
+// Track datatype loading state
+const isDatatypeLoading = ref(false);
+const datatypeDetailsLoaded = ref(false);
+
 // Watch for changes to the dataset to fetch datatype info
 watch(
     () => dataset.value?.file_ext,
     async () => {
         if (dataset.value && dataset.value.file_ext) {
+            isDatatypeLoading.value = true;
+            datatypeDetailsLoaded.value = false;
             await datatypeStore.fetchDatatypeDetails(dataset.value.file_ext);
+            isDatatypeLoading.value = false;
+            datatypeDetailsLoaded.value = true;
         }
     },
     { immediate: true }
 );
 </script>
 
 <template>
-    <LoadingSpan v-if="isLoading || !dataset" message="Loading dataset details" />
+    <LoadingSpan v-if="isLoading || !dataset || isDatatypeLoading" message="Loading dataset details" />
     <div v-else class="dataset-view d-flex flex-column h-100">
         <header :key="`dataset-header-${dataset.id}`" class="dataset-header flex-shrink-0">
             <div class="d-flex">