🔧 Add flavour text to GroupListBox

frontend/src/components/group/GroupListBox.tsx

@@ -1,5 +1,6 @@
 import {Box, Heading} from "@steffo/bluelib-react"
 import * as React from "react"
+import {useInstanceContext} from "../../contexts/instance"
 import {ManagedViewSet} from "../../hooks/useManagedViewSet"
 import {SophonResearchGroup} from "../../types/SophonTypes"
 import {GroupResourcePanel} from "./GroupResourcePanel"
@@ -11,13 +12,16 @@ export interface GroupListBoxProps {
 
 
 export function GroupListBox({viewSet}: GroupListBoxProps): JSX.Element {
-    // TODO: Add some flavour text
+    const instance = useInstanceContext()
 
     return (
         <Box>
             <Heading level={3}>
-                Research groups
+                Research groups on {instance?.state.details?.name}
             </Heading>
+            <p>
+                Research groups are groups of people that work together on one or more research projects.
+            </p>
             {viewSet.resources?.map(res => <GroupResourcePanel resource={res} key={res.value.slug}/>)}
         </Box>
     )