refine lore docs layout and concepts

Author: drewswiredin

astro.config.mjs

@@ -4,6 +4,7 @@ import { defineConfig } from 'astro/config';
 import tailwindcss from '@tailwindcss/vite';
 import mdx from '@astrojs/mdx';
 import sitemap from '@astrojs/sitemap';
+import react from '@astrojs/react';
 // https://astro.build/config
 export default defineConfig({
   site: 'https://lorehq.github.io',
@@ -16,7 +17,7 @@ export default defineConfig({
     plugins: [tailwindcss()]
   },
 
-  integrations: [mdx(), sitemap()],
+  integrations: [mdx(), sitemap(), react()],
 
   markdown: {
     shikiConfig: {
@@ -26,4 +27,4 @@ export default defineConfig({
       }
     }
   }
-});
+});