Eingaben und Liste weiter feinjustieren

Desktop zeigt weiterhin 15 Einträge, Handy/Tablet-Hochformat nur die
letzten 5 (responsive Anzeige + separater Ladezustand). Datum, Zeit
und Zucker schmaler gemacht, damit sie bei Tablet-Hochformat nicht
überlappen und beim schmalen Smartphone nicht aus dem Rahmen ragen;
Zucker-Feldhöhe an die übrigen Felder angeglichen.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

components/WerteList.tsx

@@ -7,6 +7,7 @@ interface WerteListProps {
   entries: WerteEntry[];
   onDelete?: (id: number) => void;
   onEdit?: (entry: WerteEntry) => void;
+  mobileLimit?: number;
 }
 
 function ConfirmDialog({
@@ -39,7 +40,7 @@ function ConfirmDialog({
   );
 }
 
-export default function WerteList({ entries, onDelete, onEdit }: WerteListProps) {
+export default function WerteList({ entries, onDelete, onEdit, mobileLimit }: WerteListProps) {
   const [confirmId, setConfirmId] = useState<number | null>(null);
   const formatValue = (value: number | string | null | undefined) => {
     if (value === null || value === undefined || value === '' || value === '0' || value === '0.0') {
@@ -170,7 +171,7 @@ export default function WerteList({ entries, onDelete, onEdit }: WerteListProps)
       </div>
 
       <div className="md:hidden flex flex-col gap-2">
-        {entries.map((entry, index) => (
+        {(mobileLimit ? entries.slice(0, mobileLimit) : entries).map((entry, index) => (
           <div
             key={entry.ID}
             className={`border border-gray-300 rounded-lg p-2 ${index % 2 === 0 ? 'bg-white' : 'bg-gray-50'}`}