Update layout and aspect ratios for all widgets on the homepage

Adjusted aspect ratios for PhotoGallery, Recipe, Horoscope, and News widgets to 4:5 for a filled and taller appearance. Increased the number of news items displayed and updated styling for better visual presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 413891e8-d784-4bea-b9f5-91a5a68316b4
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: dc86575c-1a2c-4bad-be6f-bf7c15dcafd7
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/413891e8-d784-4bea-b9f5-91a5a68316b4/RVXhOPb
Replit-Helium-Checkpoint-Created: true

client/src/components/news-widget.tsx

@@ -14,13 +14,13 @@ export function NewsWidget() {
   });
 
   return (
-    <div className="bg-card rounded-lg border border-card-border overflow-hidden h-full" data-testid="widget-news">
-      <div className="p-3 flex items-center gap-2 border-b border-card-border">
+    <div className="bg-card rounded-lg border border-card-border overflow-hidden h-full flex flex-col" data-testid="widget-news">
+      <div className="p-3 flex items-center gap-2 border-b border-card-border flex-shrink-0">
         <Newspaper className="w-4 h-4 text-primary" />
         <h3 className="font-bold text-card-foreground text-sm">Musiknachrichten</h3>
       </div>
-      <div className="p-3 space-y-3">
-        {(news || []).slice(0, 5).map((item, i) => (
+      <div className="p-3 space-y-3 flex-1 overflow-y-auto">
+        {(news || []).slice(0, 8).map((item, i) => (
           <a
             key={i}
             href={item.link}