minor design stuff, style front page info block and add more circle headings

web/src/components/news/NewsList.tsx

@@ -17,7 +17,14 @@ export const NewsList = ({
 
   return (
     <section className={styles.newsWrapper}>
-      {heading && <h2 className="suphead">{heading}</h2>}
+      {heading && (
+        <h2 className="circlehead">
+          <span className="circle"></span>
+          <span className="circle"></span>
+          <span className="circle"></span>
+          {heading}
+        </h2>
+      )}
       <ul className={`${styles.newsList} ${featured && styles.featured}`}>
         {filteredNews.map((singleNews) => (
           <NewsItem key={singleNews.id} news={singleNews} />