docs(documentation): make how to contribute into single page

Author: yeehaa123

…to-contribute/contributing-guidelines.md …ocumentation/public/how-to-contribute.mdpackages/documentation/public/how-to-contribute/contributing-guidelines.md renamed to packages/documentation/public/how-to-contribute.md packages/documentation/public/how-to-contribute/contributing-guidelines.md renamed to packages/documentation/public/how-to-contribute.md

@@ -30,22 +30,6 @@ const pages = [
     title: "General Introduction",
     content: pageLoader("./general-introduction.md")
   },
-  {
-    path: "/how-to-contribute",
-    title: "How To Contribute",
-    pages: [
-      {
-        path: "/how-to-contribute/about",
-        title: "About",
-        content: pageLoader("/how-to-contribute/about.md")
-      },
-      {
-        path: "/how-to-contribute/contributing-guidelines",
-        title: "Contributing Guidelines",
-        content: pageLoader("/how-to-contribute/contributing-guidelines.md")
-      }
-    ]
-  },
   {
     path: "/feature-roadmap",
     title: "Feature Roadmap",
@@ -57,6 +41,11 @@ const pages = [
       }
     ]
   },
+  {
+    path: "/how-to-contribute",
+    title: "How To Contribute",
+    content: pageLoader("./how-to-contribute.md")
+  },
   {
     path: "/visual-identity",
     title: "Visual Identity",
@@ -66,6 +55,17 @@ const pages = [
     },
     content: pageLoader("./visual-identity.md")
   },
+  {
+    path: "/principles",
+    title: "Principles",
+    pages: [
+      {
+        path: "/principles/design",
+        title: "Design Principles",
+        content: pageLoader("/atomic-design-methodology.md")
+      }
+    ]
+  },
   {
     title: "Atoms",
     pages: createPages({