feat: aggiunto collegamento a fonte tramite titolo

cose.md

@@ -5,3 +5,6 @@ onCancelSubscription e onUpgrade sono void (AccountSettings.tsx)
 in feedservices.ts non capisco se il token è quello che ho impostato io o è random
 
 email non va bene perchè viene accettata a prescindere anche se non ha senso
+
+
+togli link dagli articoli processed

frontend-BriefAI/src/components/FeedContent.tsx

@@ -64,6 +64,7 @@ function FeedContent({ sentimentFilter = null, topicsFilter = null }: FeedConten
                         <MagicCard
                           key={a.uniqueKey}
                           articleId={a.uniqueKey}
+                          articleUrl={a.url}
                           source={a.source}
                           timeAgo={new Date(a.pubDate).toLocaleString()}
                           sentiment={

frontend-BriefAI/src/components/MagicCard.tsx

@@ -4,6 +4,7 @@ import { sendFeedback } from '../services/feedbackService'
 
 type MagicCardProps = {
   articleId?: string
+  articleUrl?: string
   source: string
   timeAgo: string
   sentiment: 'Positivo' | 'Negativo' | 'Neutrale'
@@ -14,7 +15,7 @@ type MagicCardProps = {
 }
 
 // Card notizia: mostra fonte, sentiment, testo, tag, entità e azioni rapide.
-function MagicCard({ articleId, source, timeAgo, sentiment, title, summary, tags, entities }: MagicCardProps) {
+function MagicCard({ articleId, articleUrl, source, timeAgo, sentiment, title, summary, tags, entities }: MagicCardProps) {
   const [voted, setVoted] = useState<1 | -1 | null>(null)
 
   const handleVote = (vote: 1 | -1) => {
@@ -35,7 +36,20 @@ function MagicCard({ articleId, source, timeAgo, sentiment, title, summary, tags
         <span className={`sentiment-badge ${sentiment.toLowerCase()}`}>{sentiment}</span>
       </header>
 
+      {articleUrl ? (
+        <h3 className="magic-card-title">
+          <a
+            href={articleUrl}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="magic-card-title-link"
+          >
+            {title}
+          </a>
+        </h3>
+      ) : (
         <h3 className="magic-card-title">{title}</h3>
+      )}
       <p className="magic-card-summary">{summary}</p>
 
       {/* Tag tematici: servono a classificare velocemente la notizia. */}

frontend-BriefAI/src/pages/FeedPage.css

@@ -283,6 +283,17 @@
   transition: color 180ms ease;
 }
 
+.magic-card-title-link {
+  color: inherit;
+  text-decoration: none;
+  display: inline-block;
+}
+
+.magic-card-title-link:hover,
+.magic-card-title-link:focus-visible {
+  text-decoration: underline;
+}
+
 .magic-card:hover .magic-card-title {
   color: #2563eb;
 }