perf(theme): cleanup home hero effect when unmounted

theme/src/client/components/background/Beams.vue

@@ -448,6 +448,12 @@ onMounted(() => {
 
 onUnmounted(() => {
   cleanup()
+  renderer = null
+  scene = null
+  camera = null
+  beamMesh = null
+  directionalLight = null
+  ambientLight = null
 })
 </script>
 

theme/src/client/components/background/DotGrid.vue

@@ -288,6 +288,7 @@ onUnmounted(() => {
 
   if (resizeObserver) {
     resizeObserver.disconnect()
+    resizeObserver = null
   }
   else {
     window.removeEventListener('resize', buildGrid)

theme/src/client/components/background/Lightning.vue

@@ -254,6 +254,8 @@ onUnmounted(() => {
   if (animationId) {
     cancelAnimationFrame(animationId)
   }
+  gl = null
+  program = null
 })
 
 watch(