✨ Add correct page routing

src/components/layout/admin/main-admin.layout.tsx

@@ -1,8 +1,6 @@
 import {
-  Alert,
   AppShell,
   Avatar,
-  Box,
   Flex,
   Footer,
   Group,
@@ -17,8 +15,6 @@ import {
   UnstyledButton,
 } from '@mantine/core';
 import {
-  IconAdjustmentsAlt,
-  IconAlertTriangle,
   IconBook2,
   IconBrandDiscord,
   IconBrandGithub,
@@ -31,6 +27,7 @@ import {
   IconSun,
   IconUser,
   IconUserSearch,
+  IconUsers,
 } from '@tabler/icons-react';
 import { signOut } from 'next-auth/react';
 import { useTranslation } from 'next-i18next';
@@ -66,7 +63,7 @@ export const MainLayout = ({ children }: MainLayoutProps) => {
               }
               label="Home"
               component={Link}
-              href="/admin/users"
+              href="/manage/"
             />
             <NavLink
               label="Users"
@@ -77,16 +74,16 @@ export const MainLayout = ({ children }: MainLayoutProps) => {
               }
             >
               <NavLink
-                icon={<IconAdjustmentsAlt size="1rem" />}
+                icon={<IconUsers size="1rem" />}
                 label="Manage"
                 component={Link}
-                href="/admin/users"
+                href="/manage/users"
               />
               <NavLink
                 icon={<IconMailForward size="1rem" />}
                 label="Invites"
                 component={Link}
-                href="/admin/users/invites"
+                href="/manage/users/invites"
               />
             </NavLink>
             <NavLink
@@ -108,7 +105,7 @@ export const MainLayout = ({ children }: MainLayoutProps) => {
       header={
         <Header height={60} p="sm" pt="xs">
           <Group spacing="xl" position="apart" noWrap>
-            <UnstyledButton component={Link} href="/admin">
+            <UnstyledButton component={Link} href="/manage">
               <Logo />
             </UnstyledButton>
             <TextInput radius="xl" w={400} placeholder="Search..." variant="filled" />

src/pages/manage/index.tsx

@@ -1,7 +1,7 @@
 import { Title } from "@mantine/core";
 import { MainLayout } from "~/components/layout/admin/main-admin.layout";
 
-const SettingsPage = () => {
+const ManagementPage = () => {
     return (
         <MainLayout>
             <Title>Good morning, Manicraft1001</Title>
@@ -9,4 +9,4 @@ const SettingsPage = () => {
     )
 }
 
-export default SettingsPage;
+export default ManagementPage;

src/pages/manage/preferences.tsx

@@ -0,0 +1,12 @@
+import { Title } from "@mantine/core";
+import { MainLayout } from "~/components/layout/admin/main-admin.layout";
+
+const PreferencesPage = () => {
+    return (
+        <MainLayout>
+            <Title>Preferences</Title>
+        </MainLayout>
+    )
+}
+
+export default PreferencesPage

src/pages/manage/users/index.tsx

@@ -0,0 +1,12 @@
+import { Title } from "@mantine/core";
+import { MainLayout } from "~/components/layout/admin/main-admin.layout";
+
+const ManageUsersPage = () => {
+    return (
+        <MainLayout>
+            <Title>Manage users</Title>
+        </MainLayout>
+    )
+}
+
+export default ManageUsersPage;

src/pages/manage/users/invites.tsx

@@ -0,0 +1,12 @@
+import { Title } from "@mantine/core";
+import { MainLayout } from "~/components/layout/admin/main-admin.layout";
+
+const ManageUserInvitesPage = () => {
+    return (
+        <MainLayout>
+            <Title>Manage user invites</Title>
+        </MainLayout>
+    )
+}
+
+export default ManageUserInvitesPage;