"No topics" and "No notifications" view

web/src/components/styles.js

@@ -1,4 +1,7 @@
-import {makeStyles} from "@mui/styles";
+import {makeStyles, styled} from "@mui/styles";
+import Typography from "@mui/material/Typography";
+import theme from "./theme";
+import Container from "@mui/material/Container";
 
 const useStyles = makeStyles(theme => ({
   bottomBar: {
@@ -15,4 +18,18 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 
+export const Paragraph = styled(Typography)({
+  paddingTop: 8,
+  paddingBottom: 8,
+});
+
+export const VerticallyCenteredContainer = styled(Container)({
+  display: 'flex',
+  flexGrow: 1,
+  flexDirection: 'column',
+  justifyContent: 'center',
+  alignContent: 'center',
+  color: theme.palette.body.main
+});
+
 export default useStyles;