Activity sidebar (#327)

* Show activity sidebar in detail page

* Add localized format distance util

* Update use-time-from-now composition to use localized dates

* Install marked

* Add activity delta strings

* Show all activity records in sidebar

* Add correct permutations of users

* Make avatar rounded square

* Finish posting comments

* Remove empty test file

* Fix tests

src/views/private/components/drawer-detail-group/drawer-detail-group.vue

@@ -1,5 +1,5 @@
 <template>
-	<v-item-group class="drawer-detail-group" v-model="openDetail">
+	<v-item-group class="drawer-detail-group" v-model="openDetail" scope="drawer-detail">
 		<slot />
 	</v-item-group>
 </template>

src/views/private/components/drawer-detail/drawer-detail.test.ts

@@ -50,6 +50,6 @@ describe('Drawer Detail', () => {
 				},
 			},
 		});
-		expect(GroupableComposition.useGroupable).toHaveBeenCalledWith('Users');
+		expect(GroupableComposition.useGroupable).toHaveBeenCalledWith('Users', 'drawer-detail');
 	});
 });

src/views/private/components/drawer-detail/drawer-detail.vue

@@ -34,7 +34,7 @@ export default defineComponent({
 		},
 	},
 	setup(props) {
-		const { active, toggle } = useGroupable(props.title);
+		const { active, toggle } = useGroupable(props.title, 'drawer-detail');
 		const drawerOpen = inject('drawer-open', ref(false));
 		return { active, toggle, drawerOpen };
 	},