feat(web-ui): add link to page to create organization (#968)

Co-authored-by: Johan Book <{ID}+{username}@users.noreply.github.com>

Author: johanbook

services/web-ui/src/pages/OrganizationListPage/OrganizationListPage.nav.tsx

@@ -1,8 +1,8 @@
 import { ReactElement, ReactNode } from "react";
 import { Link as ReactRouterLink } from "react-router-dom";
 
-import { ArrowBack } from "@mui/icons-material";
-import { Box, IconButton, Typography } from "@mui/material";
+import { Add, ArrowBack } from "@mui/icons-material";
+import { Box, Fab, IconButton, Typography } from "@mui/material";
 
 import { Nav } from "src/components/nav";
 import { useTranslation } from "src/core/i18n";
@@ -37,6 +37,15 @@ export function OrganizationListPageNav({
       <Box sx={{ pt: 1, px: 3 }}>
         <Typography color="textSecondary">{t("description")}</Typography>
 
+        <Fab
+          component={ReactRouterLink}
+          color="primary"
+          sx={{ position: "absolute", bottom: 70, right: 10 }}
+          to="/group/create"
+        >
+          <Add />
+        </Fab>
+
         {children}
       </Box>
     </Nav>