miglioramenti stilistici

src/components/NewsCard.astro

@@ -1,22 +1,25 @@
 ---
-const { title, tags, description, image, date, author } = Astro.props
+const { id, title, tags, description, image, date, author } = Astro.props
 ---
 
 <div class="news-item">
-    <div class="title">
+    <a href={`/notizie/${id}`} class="title">
         {title}
+    </a>
+    <div class="content">
+        <div class="date">
+            {
+                new Date(date).toLocaleDateString('it-IT', {
+                    year: 'numeric',
+                    month: 'long',
+                    day: 'numeric',
+                })
+            }
+        </div>
+        <div class="description">{description}</div>
+        <div class="tags">
+            {tags.map(tag => <a href={`/notizie/tags/${tag}`}>#{tag}</a>)}
+        </div>
+        {image && <img src={image} alt={title} />}
     </div>
-    <div class="description">{description}</div>
-    <div class="tags">
-        {tags.map(tag => <a href={`/notizie/tags/${tag}`}>#{tag}</a>)}
-    </div>
-    {image && <img src={image} alt={title} />}
-    <div class="date">{
-        new Date(date).toLocaleDateString('it-IT', {
-            year: 'numeric',
-            month: 'long',
-            day: 'numeric'
-        })
-        }</div>
-    <div class="author">{author}</div>
 </div>