Add recent talk component for each video

src/components/recent-talks/recent-talk.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="flex flex-col flex-col-reverse justify-end">
+    <div class="mt-5 py-2 text-lg font-bold border-t-2 border-b-2">
+      {{ talk.title }}
+    </div>
+
+    <div class="embed-responsive">
+      <div class="embed-responsive-item">
+        <iframe :src="`https://www.youtube.com/embed/${talk.videoId}`"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RecentTalk',
+
+  props: {
+    talk: {
+      type: Object,
+      required: true
+    }
+  }
+}
+</script>