Readability updates (#2134)

This PR updates the headings to avoid thin font weights and low
constrast ratios.

<table>
<tr>
<th>Before</th>
<th>After</th>
</tr>
<tr>
<td>


![image](https://github.com/rstacruz/cheatsheets/assets/74385/b7313b99-0376-49c1-84cd-e3476b2c84ff)

</td>
<td>


![image](https://github.com/rstacruz/cheatsheets/assets/74385/c2aec010-9976-4543-910b-dd9112995846)

</td>
</tr>
<tr>
<td>


![image](https://github.com/rstacruz/cheatsheets/assets/74385/e214d4a5-9a20-4a86-abc8-3261fc418192)

</td>
<td>


![image](https://github.com/rstacruz/cheatsheets/assets/74385/71a91afc-aa7b-4b8b-adf2-30a976c4a324)

</td>
</tr>
</table>

astro.config.mjs

@@ -4,6 +4,9 @@ import partytown from '@astrojs/partytown'
 /*
  * https://astro.build/config
  */
+import tailwind from '@astrojs/tailwind'
+
+// https://astro.build/config
 export default defineConfig({
   site: 'https://devhints.io',
   build: {
@@ -16,8 +19,14 @@ export default defineConfig({
   server: {
     host: true
   } /* access from https://192.168.x.x/ */,
-  integrations: [partytown({ config: { forward: ['dataLayer.push'] } })],
-
+  integrations: [
+    partytown({
+      config: {
+        forward: ['dataLayer.push']
+      }
+    }),
+    tailwind()
+  ],
   markdown: {
     // Syntax highlighting is handled by render()
     syntaxHighlight: false

package.json

@@ -22,8 +22,10 @@
   },
   "dependencies": {
     "@astrojs/partytown": "^2.0.2",
+    "@astrojs/tailwind": "^5.1.0",
     "@astrojs/ts-plugin": "^1.3.1",
     "@fontsource/cousine": "^5.0.15",
+    "@fontsource/manrope": "^5.0.19",
     "@mapbox/rehype-prism": "^0.8.0",
     "@playwright/test": "^1.38.1",
     "@rstacruz/rehype-sectionize": "^0.7.0",
@@ -32,6 +34,7 @@
     "@typescript-eslint/parser": "^7.2.0",
     "astro": "^4.0.3",
     "autocompleter": "^9.1.0",
+    "clsx": "^2.1.0",
     "concurrently": "^8.2.1",
     "eslint": "^8.52.0",
     "eslint-config-prettier": "^9.0.0",
@@ -49,9 +52,9 @@
     "prismjs": "1.29.0",
     "rehype-parse": "^9.0.0",
     "rehype-stringify": "^10.0.0",
-    "sanitize.css": "13.0.0",
     "sass": "^1.69.1",
     "snarkdown": "^2.0.0",
+    "tailwindcss": "^3.4.3",
     "tsx": "^4.7.1",
     "unified": "^11.0.3",
     "vitest": "^1.4.0",