Hoverable "joined" fields on user pages (#555)

components/ui/ProjectCard.vue

@@ -310,6 +310,7 @@ export default {
           display: flex;
           align-items: center;
           margin-right: 2rem;
+          cursor: default;
 
           svg {
             width: 1.25rem;

pages/_type/_id.vue

@@ -960,6 +960,7 @@ export default {
       display: flex;
       align-items: center;
       margin-bottom: 0.25rem;
+      cursor: default;
 
       .label {
         margin-right: 0.25rem;

pages/user/_id.vue

@@ -31,7 +31,12 @@
         <div class="sidebar__item stats-block">
           <div class="stats-block__item secondary-stat">
             <SunriseIcon class="secondary-stat__icon" aria-hidden="true" />
-            <span class="secondary-stat__text">
+            <span
+              v-tooltip="
+                $dayjs(user.created).format('MMMM D, YYYY [at] h:mm:ss A')
+              "
+              class="secondary-stat__text date"
+            >
               Joined {{ $dayjs(user.created).fromNow() }}
             </span>
           </div>
@@ -328,4 +333,8 @@ export default {
   font-size: var(--font-size-lg);
   font-weight: bold;
 }
+
+.date {
+  cursor: default;
+}
 </style>