introduced proptypes

app/(pages)/about/Member.jsx

@@ -1,8 +1,15 @@
+import PropTypes from 'prop-types';
 
 export default function Member({photo, position, email}){
     return(
         <div>
 
         </div>
     )
-}
+}
+
+Member.propTypes = {
+    photo: PropTypes.object.isRequired,
+    position: PropTypes.string.isRequired,
+    email: PropTypes.string.isRequired
+};

app/(pages)/blogs/BlogCard.jsx

@@ -1,4 +1,5 @@
 import Image from "next/image";
+import PropTypes from 'prop-types';
 
 export default function BlogCard({ title, descrip, img, link, date }) {
   return (
@@ -15,7 +16,7 @@ export default function BlogCard({ title, descrip, img, link, date }) {
             src={img}
             className="w-full h-full object-cover"
             loading="eager"
-            alt=" "
+            alt={title}
           />
         </div>
         <header>
@@ -35,3 +36,15 @@ export default function BlogCard({ title, descrip, img, link, date }) {
     </a>
   );
 }
+
+BlogCard.propTypes = {
+  title: PropTypes.string.isRequired,
+  descrip: PropTypes.string.isRequired,
+  img: PropTypes.object.isRequired,
+  link: PropTypes.string.isRequired,
+  date: PropTypes.string.isRequired
+};
+
+// added proptypes to blogcard, blogdescrip, figure, member
+// catches prop bugs. 
+// plus we don't need typescript changes

app/(pages)/blogs/BlogDescrip.jsx

@@ -1,4 +1,5 @@
 import Image from "next/image";
+import PropTypes from 'prop-types';
 import Divider from "@/public/images/assets/blog-date-divider.png";
 
 export default function BlogDescrip({ title, body, date, description }) {
@@ -29,3 +30,10 @@ export default function BlogDescrip({ title, body, date, description }) {
     </section>
   );
 }
+
+BlogDescrip.propTypes = {
+  title: PropTypes.string.isRequired,
+  body: PropTypes.node.isRequired,
+  date: PropTypes.string.isRequired,
+  description: PropTypes.string.isRequired
+};

app/(pages)/blogs/Figure.jsx

@@ -1,4 +1,5 @@
 import Image from "next/image";
+import PropTypes from 'prop-types';
 
 export default function Figure({ img, descrip, number }) {
     return (
@@ -12,3 +13,9 @@ export default function Figure({ img, descrip, number }) {
         </div>
     );
 }
+
+Figure.propTypes = {
+    img: PropTypes.object.isRequired,
+    descrip: PropTypes.string.isRequired,
+    number: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
+};