fix: keep Buy me a coffin pill sticky on every page

The earlier scroll-reveal threshold (180px) hid the pill on short
pages — most subpages (/about, /faq, /legal, /pricing) don't have
enough content to scroll past it, so the pill never appeared there.

Removes the scroll listener and renders the pill in its visible
state immediately on mount. The existing fade-up CSS animation
gives it a smooth entrance, and it now stays visible across every
route.

Author: dotsystemsdevs

src/components/CoffinPill.tsx

@@ -1,32 +1,16 @@
 'use client'
 
-import { useEffect, useState } from 'react'
 import { track } from '@vercel/analytics'
 
-const REVEAL_AT = 180 // px scrolled before the pill fades in
-
 export default function CoffinPill() {
-  const [visible, setVisible] = useState(false)
-
-  useEffect(() => {
-    function handleScroll() {
-      setVisible(window.scrollY > REVEAL_AT)
-    }
-    handleScroll()
-    window.addEventListener('scroll', handleScroll, { passive: true })
-    return () => window.removeEventListener('scroll', handleScroll)
-  }, [])
-
   return (
     <a
       href="https://buymeacoffee.com/dotdevs"
       target="_blank"
       rel="noopener noreferrer"
       aria-label="Buy me a coffin: support the morgue"
-      aria-hidden={!visible}
-      tabIndex={visible ? 0 : -1}
       onClick={() => track('buy_me_a_coffin_clicked', { from: 'top_right_pill' })}
-      className={`coffin-pill${visible ? ' coffin-pill--visible' : ''}`}
+      className="coffin-pill coffin-pill--visible"
     >
       <span aria-hidden style={{ fontSize: '13px', lineHeight: 1 }}>⚰</span>
       <span className="coffin-pill-text">Buy me a coffin</span>