update groups section

src/groups/GroupsSection.tsx

@@ -10,6 +10,7 @@ import {
   ServerGroupMembersRepresentation,
 } from "./models/server-info";
 import { TableToolbar } from "../components/table-toolbar/TableToolbar";
+import { ViewHeader } from "../components/view-header/ViewHeader";
 import {
   Button,
   Divider,
@@ -101,12 +102,10 @@ export const GroupsSection = () => {
 
   return (
     <React.Fragment>
-      <PageSection variant={PageSectionVariants.light}>
+      <ViewHeader
-        <Title headingLevel="h3" size={TitleSizes["2xl"]}>
+        titleKey="groups:groups"
-          {t("groups")}
+        subKey="groups:groupsDescription"
-        </Title>
+      />
-      </PageSection>
-      <Divider />
       <PageSection variant={PageSectionVariants.light}>
         <TableToolbar
           count={10}

src/groups/messages.json

@@ -10,6 +10,7 @@
     "moveTo": "Move to",
     "delete": "Delete",
     "tableOfGroups": "Table of groups",
-    "name": "Name"
+    "name": "Name",
+    "groupsDescription": "Description goes here"
   }
 }