Add account hierarchy framework with migrations, RLS policies, and UI components

apps/web/components/empty-state.tsx

@@ -13,16 +13,25 @@ interface EmptyStateProps {
  * Reusable empty state with icon + CTA.
  * Used when DataTables have 0 rows.
  */
-export function EmptyState({ icon, title, description, actionLabel, actionHref, onAction }: EmptyStateProps) {
+export function EmptyState({
+  icon,
+  title,
+  description,
+  actionLabel,
+  actionHref,
+  onAction,
+}: EmptyStateProps) {
   return (
     <div className="flex flex-col items-center justify-center rounded-lg border border-dashed p-12 text-center">
       {icon && (
-        <div className="mb-4 rounded-full bg-muted p-4 text-muted-foreground">
+        <div className="bg-muted text-muted-foreground mb-4 rounded-full p-4">
           {icon}
         </div>
       )}
       <h3 className="text-lg font-semibold">{title}</h3>
-      <p className="mt-1 max-w-sm text-sm text-muted-foreground">{description}</p>
+      <p className="text-muted-foreground mt-1 max-w-sm text-sm">
+        {description}
+      </p>
       {actionLabel && (
         <div className="mt-6">
           {actionHref ? (