fix: Add meta tags to new pages

frontend/src/pages/account/index.tsx

@@ -18,6 +18,7 @@ import { Tb2Fa } from "react-icons/tb";
 import * as yup from "yup";
 import showEnableTotpModal from "../../components/account/showEnableTotpModal";
 import ThemeSwitcher from "../../components/account/ThemeSwitcher";
+import Meta from "../../components/Meta";
 import useUser from "../../hooks/user.hook";
 import authService from "../../services/auth.service";
 import userService from "../../services/user.service";
@@ -90,6 +91,8 @@ const Account = () => {
   }
 
   return (
+    <>
+      <Meta title="My account" />
       <Container size="sm">
         <Title order={3} mb="xs">
           My account
@@ -114,7 +117,10 @@ const Account = () => {
                 label="Username"
                 {...accountForm.getInputProps("username")}
               />
-            <TextInput label="Email" {...accountForm.getInputProps("email")} />
+              <TextInput
+                label="Email"
+                {...accountForm.getInputProps("email")}
+              />
               <Group position="right">
                 <Button type="submit">Save</Button>
               </Group>
@@ -251,8 +257,8 @@ const Account = () => {
                   title: "Account deletion",
                   children: (
                     <Text size="sm">
-                    Do you really want to delete your account including all your
-                    active shares?
+                      Do you really want to delete your account including all
+                      your active shares?
                     </Text>
                   ),
 
@@ -270,6 +276,7 @@ const Account = () => {
           </Stack>
         </Center>
       </Container>
+    </>
   );
 };
 

frontend/src/pages/admin/config.tsx

@@ -1,9 +1,11 @@
 import { Space, Title } from "@mantine/core";
 import AdminConfigTable from "../../components/admin/configuration/AdminConfigTable";
+import Meta from "../../components/Meta";
 
 const AdminConfig = () => {
   return (
     <>
+      <Meta title="Configuration" />
       <Title mb={30} order={3}>
         Configuration
       </Title>

frontend/src/pages/admin/index.tsx

@@ -11,6 +11,7 @@ import {
 import Link from "next/link";
 import { useEffect, useState } from "react";
 import { TbRefresh, TbSettings, TbUsers } from "react-icons/tb";
+import Meta from "../../components/Meta";
 import configService from "../../services/config.service";
 
 const useStyles = createStyles((theme) => ({
@@ -62,6 +63,7 @@ const Admin = () => {
 
   return (
     <>
+      <Meta title="Administration" />
       <Title mb={30} order={3}>
         Administration
       </Title>

frontend/src/pages/admin/setup.tsx

@@ -3,6 +3,7 @@ import { useRouter } from "next/router";
 import AdminConfigTable from "../../components/admin/configuration/AdminConfigTable";
 
 import Logo from "../../components/Logo";
+import Meta from "../../components/Meta";
 import useConfig from "../../hooks/config.hook";
 import useUser from "../../hooks/user.hook";
 
@@ -21,6 +22,7 @@ const Setup = () => {
 
   return (
     <>
+      <Meta title="Setup" />
       <Stack align="center">
         <Logo height={80} width={80} />
         <Title order={2}>Welcome to Pingvin Share</Title>

frontend/src/pages/admin/users.tsx

@@ -4,6 +4,7 @@ import { useEffect, useState } from "react";
 import { TbPlus } from "react-icons/tb";
 import ManageUserTable from "../../components/admin/ManageUserTable";
 import showCreateUserModal from "../../components/admin/showCreateUserModal";
+import Meta from "../../components/Meta";
 import userService from "../../services/user.service";
 import User from "../../types/user.type";
 import toast from "../../utils/toast.util";
@@ -47,6 +48,7 @@ const Users = () => {
 
   return (
     <>
+      <Meta title="User management" />
       <Group position="apart" align="baseline" mb={20}>
         <Title mb={30} order={3}>
           User management

frontend/src/pages/user/account.tsx

@@ -1,6 +0,0 @@
-// TODO: Add user account
-const Account = () => {
-  return <div></div>;
-};
-
-export default Account;