Fix runtime error

nuxt-frontend/pages/jobs/index.vue

@@ -14,8 +14,7 @@
       v-on:add-animation="handleAnimationOnScroll"
     />
     <Career id="career" />
-    <FaqSection v-on:add-animation="handleAnimationOnScroll" />
-    <NewFooter ref="footer" />
+    <FaqSection v-on:add-animation="handleAnimationOnScroll" ref="faq" />
   </div>
 </template>
 
@@ -47,14 +46,11 @@ const WhyCanopasMobile = defineAsyncComponent(() =>
 const FaqSection = defineAsyncComponent(() =>
   import("@/components/jobs/FaqSection.vue")
 );
-const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue")
-);
 
 const { $mixpanel } = useNuxtApp();
 
 const perks = ref(null);
-const footer = ref(null);
+const faq = ref(null);
 
 const seoData = config.JOBS_SEO_META_DATA;
 useSeoMeta({
@@ -69,15 +65,15 @@ useSeoMeta({
 let event = "";
 let events = {
   perks: "view_perks_benefits",
-  footer: "view_jobs_footer",
+  faq: "view_jobs_faq",
 };
 
 let elements;
 
 onMounted(() => {
   elements = ref({
     perks: perks,
-    footer: footer,
+    faq: faq,
   });
   window.addEventListener("scroll", sendEvent);
   $mixpanel.track("view_jobs_page");