🚀 Add group created date and first expense date (#141)

* Add group created date and first expense date

* Fixup

src/pages/groups/[groupId].tsx

@@ -163,6 +163,19 @@ const BalancePage: NextPageWithUser<{
                     ) : null;
                   })}
                 </div>
+                {expensesQuery?.data && expensesQuery?.data?.length > 0 && (
+                  <div className="mt-8">
+                    <p className="font-semibold">First expense</p>
+                    <p>
+                      {format(
+                        new Date(
+                          expensesQuery.data[expensesQuery.data.length - 1]?.createdAt ?? '',
+                        ).toLocaleDateString(),
+                        'yyyy-MM-dd',
+                      )}
+                    </p>
+                  </div>
+                )}
               </div>
             </AppDrawer>
             <AppDrawer
@@ -184,6 +197,17 @@ const BalancePage: NextPageWithUser<{
                   ))}
                 </div>
               </div>
+              {groupDetailQuery?.data?.createdAt && (
+                <div className="mt-8">
+                  <p className="font-semibold ">Group created</p>
+                  <p>
+                    {format(
+                      new Date(groupDetailQuery.data?.createdAt).toLocaleDateString(),
+                      'yyyy-MM-dd',
+                    )}
+                  </p>
+                </div>
+              )}
               <div className="mt-8">
                 <p className="font-semibold ">Actions</p>
                 <div className="mt-2 flex flex-col gap-1">