init

frontend/src/pages/Settings.jsx

@@ -0,0 +1,29 @@
+import SettingsComponent from "../components/Settings";
+import { Container, Row, Col } from 'react-bootstrap';
+import Sidebar from '../components/Sidebar';
+
+// Page wrapper for site settings (admin)
+function SettingsPage(){
+    return (
+        <Container
+            fluid
+            className="p-0 d-flex flex-column"
+            style={{ overflowX: 'hidden', height: '100vh' }}
+        >
+            <Row className="mx-0 flex-grow-1">
+                <Col xs={2} className="px-0 bg-light" style={{ minWidth: 0 }}>
+                    <Sidebar />
+                </Col>
+                <Col
+                    xs={10}
+                    className="px-3 px-md-4 py-3 bg-white d-flex flex-column"
+                    style={{ minWidth: 0, overflowY: 'auto' }}
+                >
+                    <SettingsComponent />
+                </Col>
+            </Row>
+        </Container>
+    );
+}
+
+export default SettingsPage;