chore: handle unmount

Author: adithyaakrishna

apps/sim/app/(home)/components/features/features.tsx

@@ -5,8 +5,8 @@ import { AnimatePresence, type MotionValue, motion, useScroll, useTransform } fr
 import Image from 'next/image'
 import Link from 'next/link'
 import { Badge, ChevronDown } from '@/components/emcn'
-import { FeaturesPreview } from '@/app/(home)/components/features/components/features-preview'
 import { hexToRgba } from '@/lib/core/utils/formatting'
+import { FeaturesPreview } from '@/app/(home)/components/features/components/features-preview'
 
 const FEATURE_TABS = [
   {

apps/sim/app/(home)/components/templates/templates.tsx

@@ -8,8 +8,8 @@ import { useRouter } from 'next/navigation'
 import { Badge, ChevronDown } from '@/components/emcn'
 import { LandingWorkflowSeedStorage } from '@/lib/core/utils/browser-storage'
 import { cn } from '@/lib/core/utils/cn'
-import { TEMPLATE_WORKFLOWS } from '@/app/(home)/components/templates/template-workflows'
 import { hexToRgba } from '@/lib/core/utils/formatting'
+import { TEMPLATE_WORKFLOWS } from '@/app/(home)/components/templates/template-workflows'
 
 const logger = createLogger('LandingTemplates')
 

apps/sim/app/(landing)/blog/[slug]/table-of-contents.tsx

@@ -257,6 +257,15 @@ export function TableOfContents({ headings }: TableOfContentsProps) {
     mass: 0.8,
   })
 
+  useEffect(() => {
+    return () => {
+      document.body.removeAttribute('data-toc-rail-hover')
+
+      const nav = navRef.current
+      if (nav) delete nav.dataset.railHover
+    }
+  }, [])
+
   const registerLine = useCallback((id: string, node: HTMLDivElement | null) => {
     if (node) {
       lineRefs.current.set(id, node)

apps/sim/app/(landing)/blog/category-list.tsx

@@ -4,8 +4,8 @@ import { useMemo } from 'react'
 import { useReducedMotion } from 'framer-motion'
 import { Search } from 'lucide-react'
 import { cn } from '@/lib/core/utils/cn'
-import { CATEGORIES, getPrimaryCategory } from '@/app/(landing)/blog/tag-colors'
 import { hexToRgba } from '@/lib/core/utils/formatting'
+import { CATEGORIES, getPrimaryCategory } from '@/app/(landing)/blog/tag-colors'
 
 const LEFT_WALL_CLIP = 'polygon(0 8px, 100% 0, 100% 100%, 0 100%)'
 const BOTTOM_WALL_CLIP = 'polygon(0 0, 100% 0, calc(100% - 8px) 100%, 0 100%)'