Move icon to the left of date

src/components/NewsCard.tsx

@@ -90,10 +90,9 @@ const NewsCard = ({
             </div>
             
             <h3 className={cn(
-              "flex items-center gap-2 font-semibold leading-tight group-hover:text-primary transition-colors",
+              "font-semibold leading-tight group-hover:text-primary transition-colors",
               news.isRead && "text-muted-foreground"
             )}>
-              {getCategoryIcon(news.category)}
               {decodeHtmlEntities(news.title)}
             </h3>
           </div>
@@ -142,14 +141,17 @@ const NewsCard = ({
         </div>
         
         <div className="flex items-center justify-between pt-2">
-          <span className="text-xs text-muted-foreground">
-            {new Date(news.publishedAt).toLocaleDateString('fr-FR', {
-              day: 'numeric',
-              month: 'long',
-              hour: '2-digit',
-              minute: '2-digit'
-            })}
-          </span>
+          <div className="flex items-center gap-1 text-xs text-muted-foreground">
+            {getCategoryIcon(news.category)}
+            <span>
+              {new Date(news.publishedAt).toLocaleDateString('fr-FR', {
+                day: 'numeric',
+                month: 'long',
+                hour: '2-digit',
+                minute: '2-digit'
+              })}
+            </span>
+          </div>
           
           <div className="flex items-center gap-2">
             {!news.isRead && user && (