fix: bump dependencies (Gatsby 2.28)

docs(readme): add dark mode

README.md

@@ -18,6 +18,7 @@
   - :art: Code syntax highlight
   - :books: Multilang support/i18n (blog post)
 - :iphone: Mobile Friendly (Responsive design)
+- :last_quarter_moon_with_face: Dark mode
 - :sparkles: PWA ready
   - :airplane: Offline support
   - :page_with_curl: Manifest support 

content/pages/about/about.md

@@ -25,6 +25,7 @@ A gatsby-starter-morning-dew is a Gatsby theme/starter to build lightning-fast w
   - 🎨 Code syntax highlight
   - 📚 Multilang support (blog post)
 - 📱 Mobile Friendly (Responsive design)
+- 🌜 Dark mode
 - ✨ PWA ready
   - ✈️ Offline support
   - 📃 Manifest support 

package.json

@@ -34,30 +34,30 @@
     "generatePostPreviewImages": "./scripts/generatePostPreviewImages.js"
   },
   "dependencies": {
-    "@mdx-js/mdx": "^1.6.19",
-    "@mdx-js/react": "^1.6.19",
-    "babel-plugin-styled-components": "^1.11.1",
+    "@mdx-js/mdx": "^1.6.22",
+    "@mdx-js/react": "^1.6.22",
+    "babel-plugin-styled-components": "^1.12.0",
     "disqus-react": "^1.0.8",
-    "gatsby": "^2.25.0",
-    "gatsby-image": "^2.4.1",
+    "gatsby": "^2.28.0",
+    "gatsby-image": "^2.7.0",
     "gatsby-plugin-compile-es6-packages": "^2.1.0",
-    "gatsby-plugin-google-analytics": "^2.4.0",
-    "gatsby-plugin-manifest": "^2.5.2",
-    "gatsby-plugin-mdx": "^1.3.1",
-    "gatsby-plugin-offline": "^3.3.2",
-    "gatsby-plugin-page-creator": "^2.3.35",
-    "gatsby-plugin-react-helmet": "^3.3.14",
-    "gatsby-plugin-sharp": "^2.7.1",
-    "gatsby-plugin-styled-components": "^3.3.14",
-    "gatsby-remark-autolink-headers": "^2.4.1",
-    "gatsby-remark-copy-linked-files": "^2.3.19",
-    "gatsby-remark-images": "^3.4.1",
-    "gatsby-remark-prismjs": "^3.6.0",
-    "gatsby-remark-responsive-iframe": "^2.4.17",
-    "gatsby-remark-smartypants": "^2.3.13",
-    "gatsby-source-filesystem": "^2.4.1",
-    "gatsby-transformer-remark": "^2.9.2",
-    "gatsby-transformer-sharp": "^2.5.21",
+    "gatsby-plugin-google-analytics": "^2.7.0",
+    "gatsby-plugin-manifest": "^2.8.0",
+    "gatsby-plugin-mdx": "^1.6.0",
+    "gatsby-plugin-offline": "^3.6.0",
+    "gatsby-plugin-page-creator": "^2.6.0",
+    "gatsby-plugin-react-helmet": "^3.6.0",
+    "gatsby-plugin-sharp": "^2.10.1",
+    "gatsby-plugin-styled-components": "^3.6.0",
+    "gatsby-remark-autolink-headers": "^2.7.0",
+    "gatsby-remark-copy-linked-files": "^2.6.0",
+    "gatsby-remark-images": "^3.7.1",
+    "gatsby-remark-prismjs": "^3.9.0",
+    "gatsby-remark-responsive-iframe": "^2.7.0",
+    "gatsby-remark-smartypants": "^2.6.0",
+    "gatsby-source-filesystem": "^2.7.0",
+    "gatsby-transformer-remark": "^2.12.0",
+    "gatsby-transformer-sharp": "^2.8.0",
     "prismjs": "^1.22.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
@@ -67,7 +67,7 @@
   },
   "devDependencies": {
     "lighthousebot": "https://github.com/GoogleChromeLabs/lighthousebot",
-    "prettier": "^2.1.2",
+    "prettier": "^2.2.1",
     "puppeteer": "^5.4.1",
     "semantic-release": "^17.2.2",
     "yaml": "^1.6.0"

src/components/Content.js

@@ -137,8 +137,8 @@ const ContentBody = styled.div`
 
   & table {
     margin-top: 1em;
+    margin-bottom: 1em;
     border-collapse: collapse;
-    border-radius: 0.5em;
     overflow: hidden;
 
     & th,