chore: new rule page

src/pages/rules.tsx

@@ -0,0 +1,13 @@
+import { Box, Typography } from "@mui/material";
+
+const RulesPage = () => {
+  return (
+    <Box sx={{ width: 0.9, maxWidth: "850px", mx: "auto", mb: 2 }}>
+      <Typography variant="h4" component="h1" sx={{ py: 2 }}>
+        Rules
+      </Typography>
+    </Box>
+  );
+};
+
+export default RulesPage;