fix(frontend): add missing route guards to settings pages (#1700)

src/pages/settings/logs.tsx

@@ -2,8 +2,11 @@ import { NextPage } from 'next';
 import React from 'react';
 import SettingsLayout from '../../components/Settings/SettingsLayout';
 import SettingsLogs from '../../components/Settings/SettingsLogs';
+import useRouteGuard from '../../hooks/useRouteGuard';
+import { Permission } from '../../hooks/useUser';
 
 const SettingsLogsPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_SETTINGS);
   return (
     <SettingsLayout>
       <SettingsLogs />

src/pages/settings/notifications/discord.tsx

@@ -3,8 +3,11 @@ import React from 'react';
 import NotificationsDiscord from '../../../components/Settings/Notifications/NotificationsDiscord';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';
 import SettingsNotifications from '../../../components/Settings/SettingsNotifications';
+import useRouteGuard from '../../../hooks/useRouteGuard';
+import { Permission } from '../../../hooks/useUser';
 
 const NotificationsPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_SETTINGS);
   return (
     <SettingsLayout>
       <SettingsNotifications>

src/pages/settings/notifications/email.tsx

@@ -1,10 +1,13 @@
 import { NextPage } from 'next';
 import React from 'react';
+import NotificationsEmail from '../../../components/Settings/Notifications/NotificationsEmail';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';
 import SettingsNotifications from '../../../components/Settings/SettingsNotifications';
-import NotificationsEmail from '../../../components/Settings/Notifications/NotificationsEmail';
+import useRouteGuard from '../../../hooks/useRouteGuard';
+import { Permission } from '../../../hooks/useUser';
 
 const NotificationsPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_SETTINGS);
   return (
     <SettingsLayout>
       <SettingsNotifications>

src/pages/settings/notifications/lunasea.tsx

@@ -3,8 +3,11 @@ import React from 'react';
 import NotificationsLunaSea from '../../../components/Settings/Notifications/NotificationsLunaSea';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';
 import SettingsNotifications from '../../../components/Settings/SettingsNotifications';
+import useRouteGuard from '../../../hooks/useRouteGuard';
+import { Permission } from '../../../hooks/useUser';
 
 const NotificationsPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_SETTINGS);
   return (
     <SettingsLayout>
       <SettingsNotifications>

src/pages/settings/notifications/pushbullet.tsx

@@ -3,8 +3,11 @@ import React from 'react';
 import NotificationsPushbullet from '../../../components/Settings/Notifications/NotificationsPushbullet';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';
 import SettingsNotifications from '../../../components/Settings/SettingsNotifications';
+import useRouteGuard from '../../../hooks/useRouteGuard';
+import { Permission } from '../../../hooks/useUser';
 
 const NotificationsPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_SETTINGS);
   return (
     <SettingsLayout>
       <SettingsNotifications>

src/pages/settings/notifications/pushover.tsx

@@ -3,8 +3,11 @@ import React from 'react';
 import NotificationsPushover from '../../../components/Settings/Notifications/NotificationsPushover';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';
 import SettingsNotifications from '../../../components/Settings/SettingsNotifications';
+import useRouteGuard from '../../../hooks/useRouteGuard';
+import { Permission } from '../../../hooks/useUser';
 
 const NotificationsPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_SETTINGS);
   return (
     <SettingsLayout>
       <SettingsNotifications>

src/pages/settings/notifications/slack.tsx

@@ -3,8 +3,11 @@ import React from 'react';
 import NotificationsSlack from '../../../components/Settings/Notifications/NotificationsSlack';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';
 import SettingsNotifications from '../../../components/Settings/SettingsNotifications';
+import useRouteGuard from '../../../hooks/useRouteGuard';
+import { Permission } from '../../../hooks/useUser';
 
 const NotificationsSlackPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_SETTINGS);
   return (
     <SettingsLayout>
       <SettingsNotifications>

src/pages/settings/notifications/telegram.tsx

@@ -3,8 +3,11 @@ import React from 'react';
 import NotificationsTelegram from '../../../components/Settings/Notifications/NotificationsTelegram';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';
 import SettingsNotifications from '../../../components/Settings/SettingsNotifications';
+import useRouteGuard from '../../../hooks/useRouteGuard';
+import { Permission } from '../../../hooks/useUser';
 
 const NotificationsPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_SETTINGS);
   return (
     <SettingsLayout>
       <SettingsNotifications>

src/pages/settings/notifications/webhook.tsx

@@ -3,8 +3,11 @@ import React from 'react';
 import NotificationsWebhook from '../../../components/Settings/Notifications/NotificationsWebhook';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';
 import SettingsNotifications from '../../../components/Settings/SettingsNotifications';
+import useRouteGuard from '../../../hooks/useRouteGuard';
+import { Permission } from '../../../hooks/useUser';
 
 const NotificationsPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_SETTINGS);
   return (
     <SettingsLayout>
       <SettingsNotifications>

src/pages/settings/notifications/webpush.tsx

@@ -3,8 +3,11 @@ import React from 'react';
 import NotificationsWebPush from '../../../components/Settings/Notifications/NotificationsWebPush';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';
 import SettingsNotifications from '../../../components/Settings/SettingsNotifications';
+import useRouteGuard from '../../../hooks/useRouteGuard';
+import { Permission } from '../../../hooks/useUser';
 
 const NotificationsWebPushPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_SETTINGS);
   return (
     <SettingsLayout>
       <SettingsNotifications>