clean up

apps/www/app/glossary/[slug]/_faq.tsx → apps/www/app/glossary/[slug]/faq.tsx

@@ -24,7 +24,7 @@ export function FAQ(props: {
       <div className="mx-auto md:max-w-[800px]">
         <Accordion type="single" collapsible className="w-full">
           {props.items.map((item) => (
-            <AccordionItem value={item.question}>
+            <AccordionItem value={item.question} key={item.question}>
               <AccordionTrigger className="justify-between space-x-2">
                 {item.question}
               </AccordionTrigger>

apps/www/app/glossary/[slug]/page.tsx

@@ -10,13 +10,12 @@ import { MeteorLinesAngular } from "@/components/ui/meteorLines";
 import { authors } from "@/content/blog/authors";
 import { cn } from "@/lib/utils";
 import { allGlossaries } from "content-collections";
-import type { Glossary } from "content-collections";
 import { Zap } from "lucide-react";
 import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
-import { FAQ } from "./_faq";
-import Takeaways from "./_takeaways";
+import { FAQ } from "./faq";
+import Takeaways from "./takeaways";
 import TermsRolodexDesktop from "@/components/glossary/terms-rolodex-desktop";
 import { FilterableCommand } from "@/components/glossary/search";
 
@@ -30,7 +29,7 @@ export function generateMetadata({
 }: {
   params: { slug: string };
 }): Metadata {
-  const term = allGlossaries.find((term) => term.slug === `${params.slug}`);
+  const term = allGlossaries.find((term) => term.slug === params.slug);
   if (!term) {
     notFound();
   }
@@ -75,7 +74,7 @@ const terms = [
 ];
 
 const GlossaryTermWrapper = async ({ params }: { params: { slug: string } }) => {
-  const term = allGlossaries.find((term) => term.slug === `${params.slug}`) as Glossary;
+  const term = allGlossaries.find((term) => term.slug === params.slug);
   if (!term) {
     notFound();
   }