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

apps/dashboard/src/components/overview/useOverviewWidget.tsx

@@ -0,0 +1,31 @@
+import { parseAsStringEnum, useQueryState } from 'nuqs';
+
+import { mapKeys } from '@mixan/validation';
+import type { IChartInput } from '@mixan/validation';
+
+export function useOverviewWidget<T extends string>(
+  key: string,
+  widgets: Record<
+    T,
+    { title: string; btn: string; chart: IChartInput; hide?: boolean }
+  >
+) {
+  const keys = Object.keys(widgets) as T[];
+  const [widget, setWidget] = useQueryState<T>(
+    key,
+    parseAsStringEnum(keys)
+      .withDefault(keys[0]!)
+      .withOptions({ history: 'push' })
+  );
+  return [
+    {
+      ...widgets[widget],
+      key: widget,
+    },
+    setWidget,
+    mapKeys(widgets).map((key) => ({
+      ...widgets[key],
+      key,
+    })),
+  ] as const;
+}