add notizie, rework homepage and fill with content

src/components/Header.astro

@@ -3,11 +3,11 @@
         <img src="/images/logo-circuit-board.svg" alt="phc logo" />
     </a>
     <div class="links">
-        <a role="button" href="/utenti">Utenti</a>
-        <a role="button" href="/appunti">Appunti</a>
+        <!-- <a role="button" href="/utenti">Utenti</a> -->
+        <!-- <a role="button" href="/appunti">Appunti</a> -->
         <a role="button" href="/notizie">Notizie</a>
         <a role="button" href="/guide">Guide</a>
-        <a role="button" href="/about">About</a>
-        <a class="primary" role="button" href="/login">Login</a>
+        <a role="button" href="/storia">Storia</a>
+        <!-- <a class="primary" role="button" href="/login">Login</a> -->
     </div>
 </header>

src/components/NewsCard.astro

@@ -0,0 +1,22 @@
+---
+const { title, tags, description, image, date, author } = Astro.props
+---
+
+<div class="news-item">
+    <div class="title">
+        {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>