feat: add basic webui

packages/design-system/lib/fonts.ts

@@ -0,0 +1,9 @@
+import { cn } from '@konobangu/design-system/lib/utils';
+import { GeistMono } from 'geist/font/mono';
+import { GeistSans } from 'geist/font/sans';
+
+export const fonts = cn(
+  GeistSans.variable,
+  GeistMono.variable,
+  'touch-manipulation font-sans antialiased'
+);

packages/design-system/lib/utils.ts

@@ -0,0 +1,16 @@
+import { parseError } from '@konobangu/observability/error';
+import { clsx } from 'clsx';
+import type { ClassValue } from 'clsx';
+import { toast } from 'sonner';
+import { twMerge } from 'tailwind-merge';
+
+export const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));
+
+export const capitalize = (str: string) =>
+  str.charAt(0).toUpperCase() + str.slice(1);
+
+export const handleError = (error: unknown): void => {
+  const message = parseError(error);
+
+  toast.error(message);
+};