Fix code of conduct and constitution shapes backgrounds

pages/about/code-of-conduct.tsx

@@ -2,11 +2,17 @@ import path from "path";
 
 import { createReadAllPage } from "@/components/OrganizedContent/ReadAll";
 import { createReadAllGetStaticProps } from "@/components/OrganizedContent/static";
+import {
+  mobileShapesConfig,
+  aboutShapesConfig,
+} from "@/components/ShapesBackground";
 
 export const options = {
   title: "Code of Conduct",
   image: "images/code-of-conduct.svg",
   pagePath: path.join("about", "code-of-conduct"),
+  getShapesConfig: () =>
+    window.innerWidth <= 768 ? mobileShapesConfig : aboutShapesConfig,
 };
 
 export default createReadAllPage(options);

pages/about/constitution.tsx

@@ -8,9 +8,9 @@ import {
 } from "@/components/ShapesBackground";
 
 export const options = {
-  pagePath: path.join("about", "constitution"),
   title: "Constitution",
   image: "images/constitution.svg",
+  pagePath: path.join("about", "constitution"),
   getShapesConfig: () =>
     window.innerWidth <= 768 ? mobileShapesConfig : aboutShapesConfig,
 };