move sdk packages to its own folder and rename api & dashboard

apps/dashboard/src/components/Card.tsx

@@ -0,0 +1,50 @@
+'use client';
+
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import type { HtmlProps } from '@/types';
+import { cn } from '@/utils/cn';
+import { MoreHorizontal } from 'lucide-react';
+
+type CardProps = HtmlProps<HTMLDivElement> & {
+  hover?: boolean;
+};
+
+export function Card({ children, hover, className }: CardProps) {
+  return (
+    <div
+      className={cn(
+        'card relative',
+        hover && 'transition-all hover:border-black',
+        className
+      )}
+    >
+      {children}
+    </div>
+  );
+}
+
+interface CardActionsProps {
+  children: React.ReactNode;
+}
+export function CardActions({ children }: CardActionsProps) {
+  return (
+    <div className="absolute top-2 right-2 z-10">
+      <DropdownMenu>
+        <DropdownMenuTrigger className="h-8 w-8 hover:border rounded justify-center items-center flex">
+          <MoreHorizontal size={16} />
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align="end" className="w-[200px]">
+          <DropdownMenuGroup>{children}</DropdownMenuGroup>
+        </DropdownMenuContent>
+      </DropdownMenu>
+    </div>
+  );
+}
+
+export const CardActionsItem = DropdownMenuItem;