Rename /person to /people, simplify cast to actors-only, and polish UI

Rename the person detail route from `app/(pages)/person/[id]` to
`app/(pages)/people/[id]` and update all internal links accordingly.

Strip crew members from the cast carousel so only actors are shown;
remove the `crew` prop from `CastCarousel` and `TitleCast` entirely.

Move the trailer trigger from the metadata row into a centered overlay
on the backdrop image using a new `variant="backdrop"` prop on
`TrailerDialog`, replacing the previous inline button approach.

Swap several icons for better semantic matches: `IconBooks` for the
library section, `IconCheck` for the "Mark Watched" button,
`IconSparkles` on the Recommendations heading, and `IconDeviceTvOld`
on the Seasons heading.

Replace a nested `motion.p` with a plain `<p>` using CSS
`transition-opacity` in `StatsDisplay`. Remove the `animate-gentle-float`
keyframe and the `feed-scroll` utility from `globals.css`, replacing the
latter with the existing `no-scrollbar` class.

app/(pages)/dashboard/_components/library-section.tsx

@@ -1,4 +1,4 @@
-import { IconSparkles } from "@tabler/icons-react";
+import { IconBooks } from "@tabler/icons-react";
 import { getNewAvailableFeed } from "@/lib/services/discovery";
 import { tmdbImageUrl } from "@/lib/tmdb/image";
 import { FeedSection } from "./feed-section";
@@ -21,7 +21,7 @@ export async function LibrarySection({ userId }: { userId: string }) {
   return (
     <FeedSection
       title="In Your Library"
-      icon={<IconSparkles className="size-5 text-primary" />}
+      icon={<IconBooks className="size-5 text-primary" />}
     >
       <TitleGrid items={items} />
     </FeedSection>

app/(pages)/dashboard/_components/stats-display.tsx

@@ -82,14 +82,11 @@ function StatCard({
           {label}
         </span>
       </div>
-      <motion.p
-        className={`relative z-10 mt-2 font-display text-2xl tabular-nums tracking-tight ${color} transition-opacity ${loading ? "opacity-40" : ""}`}
-        initial={{ opacity: 0 }}
-        animate={{ opacity: loading ? 0.4 : 1 }}
-        transition={{ delay: index * 0.08 + 0.2 }}
+      <p
+        className={`relative z-10 mt-2 font-display text-2xl tabular-nums tracking-tight ${color} transition-opacity duration-300 ${loading ? "opacity-40" : "opacity-100"}`}
       >
         {value}
-      </motion.p>
+      </p>
     </motion.div>
   );
 }

app/(pages)/dashboard/_components/stats-section.tsx

@@ -17,7 +17,7 @@ export async function StatsSection({ userId }: { userId: string }) {
       <StatsDisplay stats={stats} />
       {isEmpty && (
         <div className="flex flex-col items-center gap-4 rounded-xl border border-dashed border-border/50 py-16 text-center">
-          <div className="animate-gentle-float rounded-full bg-primary/10 p-4">
+          <div className="rounded-full bg-primary/10 p-4">
             <IconDeviceTv className="size-8 text-primary" />
           </div>
           <div className="space-y-1">