Add ACP shell and JWT claims

frontend/src/pages/Acp.jsx

@@ -0,0 +1,32 @@
+import { Container, Tab, Tabs } from 'react-bootstrap'
+import { useTranslation } from 'react-i18next'
+
+export default function Acp({ isAdmin }) {
+  const { t } = useTranslation()
+
+  if (!isAdmin) {
+    return (
+      <Container className="py-5">
+        <h2 className="mb-3">{t('acp.title')}</h2>
+        <p className="bb-muted">{t('acp.no_access')}</p>
+      </Container>
+    )
+  }
+
+  return (
+    <Container className="py-5">
+      <h2 className="mb-4">{t('acp.title')}</h2>
+      <Tabs defaultActiveKey="general" className="mb-3">
+        <Tab eventKey="general" title={t('acp.general')}>
+          <p className="bb-muted">{t('acp.general_hint')}</p>
+        </Tab>
+        <Tab eventKey="forums" title={t('acp.forums')}>
+          <p className="bb-muted">{t('acp.forums_hint')}</p>
+        </Tab>
+        <Tab eventKey="users" title={t('acp.users')}>
+          <p className="bb-muted">{t('acp.users_hint')}</p>
+        </Tab>
+      </Tabs>
+    </Container>
+  )
+}