fix component names

src/views/VisualizationView.vue

@@ -16,15 +16,15 @@
 // Lazy load components using dynamic imports
 import { defineAsyncComponent } from 'vue';
 
-const VizTitle = () => import('../components/VizTitle.vue');
+const VizTitle = defineAsyncComponent(() =>  import('../components/VizTitle.vue'));
 const BeeswarmChart = defineAsyncComponent(() => import('../components/BeeswarmChart.vue'));
 const NarrativeIntro = defineAsyncComponent(() => import('../components/NarrativeIntro.vue'));
 const InteractiveDendrogram = defineAsyncComponent(() => import('../components/InteractiveDendrogram.vue'));
 const MapsSection = defineAsyncComponent(() => import('../components/MapsSection.vue'));
 const ConclusionSection = defineAsyncComponent(() => import('../components/ConclusionSection.vue'));
 const AboutTheTeam = defineAsyncComponent(() => import('../components/AboutTheTeam.vue'));
-const ReferencesSection = defineAsyncComponent(() => import('../components/References.vue'));
-const AuthorshipSection = defineAsyncComponent(() => import('../components/Authorship.vue'));
+const ReferencesSection = defineAsyncComponent(() => import('../components/ReferencesSection.vue'));
+const AuthorshipSection = defineAsyncComponent(() => import('../components/AuthorshipSection.vue'));
 
   const circleData = [
     { name: "Oronde Drakes", link: "https://www.usgs.gov/staff-profiles/oronde-drakes", image: "https://hazards.colorado.edu/api/v2/uploads/avatar/oronde_drakes2-1556849997156.JPG" },