feat: add media section to project

Author: Tbusk

src/components/projects/Project.tsx

@@ -1,4 +1,5 @@
 import Pills from "../common/pills/Pills.tsx";
+import Media from "../media/Media.tsx";
 
 interface ProjectProps {
     name: string;
@@ -7,6 +8,7 @@ interface ProjectProps {
     metrics?: string[];
     techStack: string[];
     tags?: string[];
+    media?: string[];
 }
 
 export default function Project(props: ProjectProps) {
@@ -56,6 +58,18 @@ export default function Project(props: ProjectProps) {
                     </>
                 )}
 
+                {props.media && props.media.length > 0 && (
+                    <>
+                        <div className="font-bold text-gray-600">
+                            Media
+                        </div>
+
+                        <div className="py-3">
+                            <Media items={props.media} />
+                        </div>
+                    </>
+                )}
+
 
 
                 {props.link ?