Article branch to js-to-ts (#763)

* Bump eslint-config-next from 11.1.3 to 13.2.1 (#598)

Bumps [eslint-config-next](https://github.com/vercel/next.js/tree/HEAD/packages/eslint-config-next) from 11.1.3 to 13.2.1.
- [Release notes](https://github.com/vercel/next.js/releases)
- [Changelog](https://github.com/vercel/next.js/blob/canary/release.js)
- [Commits](https://github.com/vercel/next.js/commits/v13.2.1/packages/eslint-config-next)

---
updated-dependencies:
- dependency-name: eslint-config-next
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: Snigdha Kansal <[email protected]>

* changed newsArticle js to tsx

* second commit - js to tsx

* second commit - js to tsx

* updated js to tsx

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Snigdha Kansal <[email protected]>

Author: 3 people

components/NewsArticle.js

@@ -0,0 +1,29 @@
+import Image from 'next/image'; 
+
+interface ArticleProps {
+  article: {
+    link: string;
+    image: string;
+    alt: string;
+    headline: string;
+  };
+}
+
+const Article: React.FC<ArticleProps> = ({ article }) => {
+  return (
+    <a target="_blank" rel="noreferrer noopener" href={article.link}>
+      <div className="achievement">
+        <Image
+          src={article.image}
+          width={360}
+          height={200}
+          objectFit="cover"
+          alt={article.alt}
+        />
+        <h3>{article.headline}</h3>
+      </div>
+    </a>
+  );
+};
+
+export default Article;

components/NewsArticle.tsx

@@ -13,7 +13,7 @@
     "dotenv": "^16.4.5",
     "googleapis": "^144.0.0",
     "moment": "^2.29.4",
-    "next": "^15.1.6",
+    "next": "^15.2.0",
     "next-seo": "^6.5.0",
     "react": "^18.3.1",
     "react-accessible-accordion": "^5.0.0",