feat: vollständiges HeroUI v3 Redesign — Types, Utils, Layout, Sections, Dark SaaS Design

frontend/src/components/shared/ActivityTile.tsx

@@ -0,0 +1,26 @@
+import { Card, CardContent } from '@heroui/react';
+import type { ReactNode } from 'react';
+
+type Props = {
+  icon: ReactNode;
+  label: string;
+  value: number;
+};
+
+export function ActivityTile({ icon, label, value }: Props) {
+  return (
+    <Card className="border border-default-100 bg-default-50/20">
+      <CardContent className="flex flex-row items-center justify-between gap-4 p-4">
+        <div className="flex items-center gap-3">
+          <div className="flex size-10 items-center justify-center rounded-xl bg-primary-500/10 text-primary-400">
+            {icon}
+          </div>
+          <div>
+            <div className="text-tiny uppercase tracking-widest text-default-500">{label}</div>
+            <div className="text-2xl font-black">{value}</div>
+          </div>
+        </div>
+      </CardContent>
+    </Card>
+  );
+}