Address feedback widget code review: event names, edit link, CTA spacing

- Rename PostHog events to docs-feedback-vote and docs-feedback-detail to avoid double-counting
- Restore editLink (removed editLink={null}) to keep the GitHub edit path
- Fix text-stone-400 to text-gray-400 for palette consistency
- Add hover style to non-commercial CTA button
- Tighten separator spacing between CTA and feedback widget

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: samkim

app/layout.tsx

@@ -90,7 +90,6 @@ export default async function RootLayout({ children }) {
           feedback={{
             content: null,
           }}
-          editLink={null}
           toc={{ backToTop: true, extraContent: <TocExtraContent /> }}
         >
           <OurLayout>

components/cta.tsx

@@ -9,7 +9,7 @@ export function TocCTA() {
   const isCommercial = pathname?.startsWith("/authzed/");
 
   return isCommercial ? (
-    <div className="pt-4 pb-8">
+    <div className="mt-10 pt-4 pb-8">
       <div className="text-sm mb-4 font-semibold">Explore your use case</div>
       <Link href="https://authzed.com/schedule-demo" className="cursor-pointer">
         <Button variant="default" size="sm" className="w-full cursor-pointer">
@@ -18,11 +18,15 @@ export function TocCTA() {
       </Link>
     </div>
   ) : (
-    <div className="pt-4 pb-8">
+    <div className="mt-10 pt-4 pb-4">
       <div className="text-sm mb-1 font-semibold">AuthZed Cloud</div>
-      <div className="text-sm mb-4 font-normal text-stone-400">Hosted, self-service SpiceDB</div>
+      <div className="text-sm mb-4 font-normal text-gray-400">Hosted, self-service SpiceDB</div>
       <Link href="https://authzed.com/cloud/signup" className="cursor-pointer">
-        <Button variant="outline" size="sm" className="w-full cursor-pointer">
+        <Button
+          variant="outline"
+          size="sm"
+          className="w-full cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800"
+        >
           Get Started
         </Button>
       </Link>

components/feedback.tsx

@@ -34,13 +34,13 @@ export function Feedback() {
   }, []);
 
   const handleYes = () => {
-    posthog.capture("docs-feedback", { helpful: true });
+    posthog.capture("docs-feedback-vote", { helpful: true });
     setIsHelpful(true);
     setShowForm(true);
   };
 
   const handleNo = () => {
-    posthog.capture("docs-feedback", { helpful: false });
+    posthog.capture("docs-feedback-vote", { helpful: false });
     setIsHelpful(false);
     setShowForm(true);
   };
@@ -52,7 +52,7 @@ export function Feedback() {
       posthog.identify(formData.email);
     }
 
-    posthog.capture("docs-feedback", {
+    posthog.capture("docs-feedback-detail", {
       helpful: isHelpful,
       details: formData,
     });
@@ -102,7 +102,7 @@ ${formData.comments || "No additional comments provided"}`;
   if (showThankYou) {
     return (
       <div
-        className={`border-t border-neutral-200 dark:border-neutral-800 py-8 transition-opacity duration-700 ${isVisible ? "opacity-100" : "opacity-0"}`}
+        className={`border-t border-neutral-200 dark:border-neutral-800 pt-4 pb-8 transition-opacity duration-700 ${isVisible ? "opacity-100" : "opacity-0"}`}
       >
         <div className="text-sm font-medium text-gray-900 dark:text-gray-200">
           Thank you for your feedback!
@@ -114,7 +114,7 @@ ${formData.comments || "No additional comments provided"}`;
   if (showForm) {
     return (
       <div
-        className={`border-t border-neutral-200 dark:border-neutral-800 py-8 transition-opacity duration-700 ${isVisible ? "opacity-100" : "opacity-0"}`}
+        className={`border-t border-neutral-200 dark:border-neutral-800 pt-4 pb-8 transition-opacity duration-700 ${isVisible ? "opacity-100" : "opacity-0"}`}
       >
         <form onSubmit={handleFormSubmit} className="space-y-4">
           <div>
@@ -279,7 +279,7 @@ ${formData.comments || "No additional comments provided"}`;
 
   return (
     <div
-      className={`border-t border-neutral-200 dark:border-neutral-800 py-8 transition-opacity duration-700 ${isVisible ? "opacity-100" : "opacity-0"}`}
+      className={`border-t border-neutral-200 dark:border-neutral-800 pt-4 pb-8 transition-opacity duration-700 ${isVisible ? "opacity-100" : "opacity-0"}`}
     >
       <div className="text-sm mb-4 font-semibold text-gray-900 dark:text-gray-100">
         Was this page helpful?