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

apps/dashboard/src/components/Widget.tsx

@@ -0,0 +1,34 @@
+import { cn } from '@/utils/cn';
+
+export interface WidgetHeadProps {
+  children: React.ReactNode;
+  className?: string;
+}
+export function WidgetHead({ children, className }: WidgetHeadProps) {
+  return (
+    <div
+      className={cn(
+        'p-4 border-b border-border [&_.title]:font-medium [&_.title]:whitespace-nowrap',
+        className
+      )}
+    >
+      {children}
+    </div>
+  );
+}
+
+export interface WidgetBodyProps {
+  children: React.ReactNode;
+  className?: string;
+}
+export function WidgetBody({ children, className }: WidgetBodyProps) {
+  return <div className={cn('p-4', className)}>{children}</div>;
+}
+
+export interface WidgetProps {
+  children: React.ReactNode;
+  className?: string;
+}
+export function Widget({ children, className }: WidgetProps) {
+  return <div className={cn('card self-start', className)}>{children}</div>;
+}