added telemetry

vue/src/assets/main.css

@@ -45,18 +45,33 @@ a,
   font-family: Georgia, 'Times New Roman', Times, serif;
   font-size: 20px;
   padding: 1em;
+  display: flex;
+  flex-direction: column;
+  align-items: left;
+  text-align: left;
 }
 
 .feed-content p {
   padding: 1em;
 }
 
-.feed-content h3 {
+.feed-content h2,
+h3,
+h4,
+h5,
+h6 {
   padding: 1em;
   font-size: 21px;
   font-weight: bold;
 }
 
+
+.feed-content img {
+  max-width: 100%;
+  margin-bottom: 10px;
+  /* Adjust spacing between image and text */
+}
+
 h3 {
   font-size: 14px;
 }

vue/src/components/RssFeeds.vue

@@ -67,9 +67,10 @@ const fetchData = async () => {
         'user-token': localStorage.getItem("user-token")
       }
     });
-    response.data.feeds.forEach(feed => {
-      feeds.value.push(...feed.items);
-    });
+    const sortedItems = response.data.feeds.flatMap(feed => feed.items)
+      .sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp));
+
+    feeds.value.push(...sortedItems);
     await nextTick();
     setupIntersectionObserver();
   } catch (error) {