ADD functionality to fetch and display user clips in MyClips component

frontend/src/components/video/VideoCard.tsx

@@ -4,28 +4,28 @@ import {Link} from "react-router-dom";
 
 type VideoCardProps = {
     title: string,
-    length: number,
-    thumbnailUrl: string,
-    videoUrl: string,
+    duration: number,
+    thumbnailPath: string,
+    videoPath: string,
     className?: string
 }
 
 const VideoCard = ({
                        title,
-                       length,
-                       thumbnailUrl,
-                       videoUrl,
+                       duration,
+                       thumbnailPath,
+                       videoPath,
                        className}: VideoCardProps) => {
     return (
         <Link
-        to={videoUrl}
+        to={videoPath}
         >
             <div className={clsx("flex flex-col", className)}>
-                <img src={thumbnailUrl} alt="Video Thumbnail" />
+                <img src={thumbnailPath} alt="Video Thumbnail" />
 
                 <div className={"flex flex-row justify-between items-center p-2"}>
                     <p>{title}</p>
-                    <p>{formatTime(length)}</p>
+                    <p>{formatTime(duration)}</p>
                 </div>
 
             </div>