cleanup and docs

src/app/components/card.tsx

@@ -1,12 +1,18 @@
 import { cn } from "@/common/utils";
 import { ReactElement } from "react";
 
-export function Card({
-  children,
-  className,
-}: Readonly<{
+type CardProps = {
+  /**
+   * The children for this element.
+   */
   children: React.ReactNode;
+
+  /**
+   * The class names to append.
+   */
   className?: string;
-}>): ReactElement {
+};
+
+export function Card({ children, className }: CardProps): ReactElement {
   return <div className={cn("bg-secondary rounded-lg p-3", className)}>{children}</div>;
 }