feat: Update to API references look and feel (#343)

Co-authored-by: Vadim Smirnov <smirnou.vadzim@gmail.com>
Co-authored-by: zakariasaad <zakaria.elas@gmail.com>
Co-authored-by: Vilfred Sikker <vilfredsikker@gmail.com>
Co-authored-by: olivermrbl <oliver@mrbltech.com>

www/reference/src/components/icons/chevron-down.js

@@ -0,0 +1,24 @@
+import React from "react"
+import { Box } from "theme-ui"
+
+const ChevronDown = ({ fill = "darkContrast", styles }) => {
+  return (
+    <Box
+      as="svg"
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      sx={{
+        ...styles,
+        alignSelf: "center",
+        pointerEvents: "none",
+        fill: `${fill}`,
+      }}
+    >
+      <path d="M7.41 7.84l4.59 4.58 4.59-4.58 1.41 1.41-6 6-6-6z" />
+    </Box>
+  )
+}
+
+export default ChevronDown

www/reference/src/components/icons/github.js

@@ -0,0 +1,18 @@
+import { Image } from "@theme-ui/components"
+import React from "react"
+
+import Logo from "../../assets/github.svg"
+
+const GitHub = () => {
+  return (
+    <Image
+      src={Logo}
+      sx={{
+        height: "20px",
+        fill: "#000",
+      }}
+    />
+  )
+}
+
+export default GitHub