Update - postcard ui

src/views/contents/ContentCard.vue

@@ -1,15 +1,34 @@
 <template>
   <div class="shadow-md rounded-2xl bg-gray-50 border custom-border">
     <div>
+      
       <v-card-title>
-        {{ props.content.title }}
-        <span class="text-subtitle-2">
+        <div class="flex flex-row">
+        <div>
+          <img
+              :src="props.content.createdByPortraitUrl"
+              alt="Profile Image"
+              class="rounded-full"
+              width="32px"
+              height="32px">
+        </div>
+          
+          <div class="capitalize px-2">
+          {{ props.content.createdByName }}
+          </div>
+        <span class="text-subtitle-2 mt-1">
           {{ time_ago(props.content.createdAt) }}
         </span>
-        <v-card-text>
+       
+        </div>
+        <div class="uppercase">
+        {{ props.content.title }}
+        </div>
+        <div>
           {{ props.content.description }}
-        </v-card-text>
+        </div>
       </v-card-title>
+      
 
       <v-carousel v-if="hasUrls" hide-delimiter-background show-arrows="hover">
         <v-carousel-item