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/content/route.js

@@ -0,0 +1,17 @@
+import React from "react"
+import { Flex, Text } from "theme-ui"
+import { formatRoute } from "../../utils/format-route"
+
+const Route = ({ method, path }) => {
+  const fixedMethod = method.toUpperCase()
+  return (
+    <Flex sx={{ fontFamily: "monospace" }}>
+      <Text variant={`labels.${fixedMethod}`} mr={1}>
+        {fixedMethod}
+      </Text>
+      <Text>{formatRoute(path)}</Text>
+    </Flex>
+  )
+}
+
+export default Route